<!-- build time:Sun Nov 24 2019 22:25:14 GMT+0800 (China Standard Time) --><!DOCTYPE html><html lang="zh"><head><meta charset="utf-8"><title>几种使用Python绘制的HTML动态图表 - Note?Note!</title><meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1"><meta name="description" content="图形类别散点图"><meta name="keywords" content="Python,Bokeh"><meta property="og:type" content="article"><meta property="og:title" content="几种使用Python绘制的HTML动态图表"><meta property="og:url" content="http:&#x2F;&#x2F;www.borgor.cn&#x2F;2019-08-25&#x2F;65c8031f.html"><meta property="og:site_name" content="Note?Note!"><meta property="og:description" content="图形类别散点图"><meta property="og:locale" content="zh-CN"><meta property="og:image" content="https:&#x2F;&#x2F;imgs.borgor.cn&#x2F;imgs&#x2F;20190825211138.png"><meta property="og:updated_time" content="2019-10-08T06:16:25.000Z"><meta name="twitter:card" content="summary"><meta name="twitter:image" content="https:&#x2F;&#x2F;imgs.borgor.cn&#x2F;imgs&#x2F;20190825211138.png"><link rel="icon" href="/favicon.ico"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.7.2/css/bulma.css"><link rel="stylesheet" href="https://cdnjs.loli.net/ajax/libs/font-awesome/5.4.1/css/all.min.css"><link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Ubuntu:400,600|Source+Code+Pro"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/styles/atom-one-light.min.css"><style>body>.footer,body>.navbar,body>.section{opacity:0}</style><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/lightgallery/1.6.8/css/lightgallery.min.css"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/justifiedGallery/3.7.0/css/justifiedGallery.min.css"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/outdated-browser/1.1.5/outdatedbrowser.min.css"><link rel="stylesheet" href="/css/back-to-top.css"><script>var _hmt=_hmt||[];!function(){var e=document.createElement("script");e.src="//hm.baidu.com/hm.js?6cecff6d18ae0c22fd7ac294c80fe7c0";var c=document.getElementsByTagName("script")[0];c.parentNode.insertBefore(e,c)}()</script><link rel="stylesheet" href="/css/progressbar.css"><script src="https://cdnjs.cloudflare.com/ajax/libs/pace/1.0.2/pace.min.js"></script><script async src="//busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js"></script><link rel="stylesheet" href="/css/style.css"></head><body class="is-2-column"><nav class="navbar navbar-main"><div class="container"><div class="navbar-brand is-flex-center"><a class="navbar-item navbar-logo" href="/"><img src="https://imgs.borgor.cn/imgs20190625111723.jpg" alt="几种使用Python绘制的HTML动态图表" height="28"></a></div><div class="navbar-menu"><div class="navbar-start"><a class="navbar-item" href="/">首页</a> <a class="navbar-item" href="/archives">归档</a> <a class="navbar-item" href="/categories">分类</a> <a class="navbar-item" href="/tags">标签</a> <a class="navbar-item" href="/readinglist">书单</a></div><div class="navbar-end"><a class="navbar-item is-hidden-tablet catalogue" title="目录" href="javascript:;" target="_blank" rel="noopener"><i class="fas fa-list-ul"></i> </a><a class="navbar-item search" title="搜索" href="javascript:;" target="_blank" rel="noopener"><i class="fas fa-search"></i></a></div></div></div></nav><section class="section"><div class="container"><div class="columns"><div class="column is-8-tablet is-9-desktop is-9-widescreen has-order-2 column-main"><div class="card"><div class="card-image"><span class="image is-7by1"><img class="thumbnail" src="https://imgs.borgor.cn/imgs/20190825211138.png" alt="几种使用Python绘制的HTML动态图表"></span></div><div class="card-content article"><script type="text/javascript" src="https://cdn.pydata.org/bokeh/release/bokeh-1.3.4.min.js"></script><script type="text/javascript" src="https://cdn.pydata.org/bokeh/release/bokeh-widgets-1.3.4.min.js"></script><style>.bk-root{text-align:center}.bk-root .bk{margin:auto!important}</style><div class="level article-meta is-size-7 is-uppercase is-mobile is-overflow-x-auto"><div class="level-left"><time class="level-item has-text-grey" datetime="2019-08-25T12:54:26.000Z">2019-08-25</time><div class="level-item"><a class="has-link-grey -link" href="/categories/Development/">Development</a>&nbsp;/&nbsp;<a class="has-link-grey -link" href="/categories/Development/Python/">Python</a></div><span class="level-item has-text-grey">25 分钟 读完 (大约 3763 个字) </span><span class="level-item has-text-grey" id="busuanzi_container_page_pv"><i class="far fa-eye"></i> <span id="busuanzi_value_page_pv">0</span>次访问</span></div></div><h1 class="title is-size-3 is-size-4-mobile has-text-weight-normal">几种使用Python绘制的HTML动态图表</h1><div class="content"><h1 id="图形类别"><a href="#图形类别" class="headerlink" title="图形类别"></a>图形类别</h1><h2 id="散点图"><a href="#散点图" class="headerlink" title="散点图"></a>散点图</h2><a id="more"></a><figure class="highlight python hljs"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br></pre></td><td class="code"><pre><span class="line"><span class="hljs-comment"># import modules </span></span><br><span class="line"><span class="hljs-keyword">from</span> bokeh.plotting <span class="hljs-keyword">import</span> figure, output_file, show </span><br><span class="line">output_file(<span class="hljs-string">"html/graph.html"</span>)</span><br><span class="line"><span class="hljs-comment"># create figure </span></span><br><span class="line">p = figure(plot_width = <span class="hljs-number">400</span>, plot_height = <span class="hljs-number">400</span>) </span><br><span class="line"><span class="hljs-comment"># add a circle renderer with </span></span><br><span class="line"><span class="hljs-comment"># size, color and alpha </span></span><br><span class="line">p.circle([<span class="hljs-number">1</span>, <span class="hljs-number">2</span>, <span class="hljs-number">3</span>, <span class="hljs-number">4</span>, <span class="hljs-number">5</span>], [<span class="hljs-number">4</span>, <span class="hljs-number">7</span>, <span class="hljs-number">1</span>, <span class="hljs-number">6</span>, <span class="hljs-number">3</span>],  </span><br><span class="line">         size = <span class="hljs-number">10</span>, color = <span class="hljs-string">"navy"</span>, alpha = <span class="hljs-number">0.5</span>) </span><br><span class="line"><span class="hljs-comment"># show the results </span></span><br><span class="line">show(p)</span><br></pre></td></tr></table></figure><div class="bk-root" id="9e74db55-03d6-4f97-8bf6-f3f44d93c069" data-root-id="1547"></div><script type="application/json" id="1764">{"fd0bb85e-181d-4818-b071-6ff2f09da3b8":{"roots":{"references":[{"attributes":{"below":[{"id":"1556","type":"LinearAxis"}],"center":[{"id":"1560","type":"Grid"},{"id":"1565","type":"Grid"}],"left":[{"id":"1561","type":"LinearAxis"}],"plot_height":400,"plot_width":400,"renderers":[{"id":"1582","type":"GlyphRenderer"}],"title":{"id":"1620","type":"Title"},"toolbar":{"id":"1572","type":"Toolbar"},"x_range":{"id":"1548","type":"DataRange1d"},"x_scale":{"id":"1552","type":"LinearScale"},"y_range":{"id":"1550","type":"DataRange1d"},"y_scale":{"id":"1554","type":"LinearScale"}},"id":"1547","subtype":"Figure","type":"Plot"},{"attributes":{"formatter":{"id":"1625","type":"BasicTickFormatter"},"ticker":{"id":"1562","type":"BasicTicker"}},"id":"1561","type":"LinearAxis"},{"attributes":{"callback":null,"data":{"x":[1,2,3,4,5],"y":[4,7,1,6,3]},"selected":{"id":"1627","type":"Selection"},"selection_policy":{"id":"1626","type":"UnionRenderers"}},"id":"1579","type":"ColumnDataSource"},{"attributes":{"source":{"id":"1579","type":"ColumnDataSource"}},"id":"1583","type":"CDSView"},{"attributes":{"overlay":{"id":"1628","type":"BoxAnnotation"}},"id":"1568","type":"BoxZoomTool"},{"attributes":{"fill_alpha":{"value":0.1},"fill_color":{"value":"#1f77b4"},"line_alpha":{"value":0.1},"line_color":{"value":"#1f77b4"},"size":{"units":"screen","value":10},"x":{"field":"x"},"y":{"field":"y"}},"id":"1581","type":"Circle"},{"attributes":{"formatter":{"id":"1623","type":"BasicTickFormatter"},"ticker":{"id":"1557","type":"BasicTicker"}},"id":"1556","type":"LinearAxis"},{"attributes":{"data_source":{"id":"1579","type":"ColumnDataSource"},"glyph":{"id":"1580","type":"Circle"},"hover_glyph":null,"muted_glyph":null,"nonselection_glyph":{"id":"1581","type":"Circle"},"selection_glyph":null,"view":{"id":"1583","type":"CDSView"}},"id":"1582","type":"GlyphRenderer"},{"attributes":{"ticker":{"id":"1557","type":"BasicTicker"}},"id":"1560","type":"Grid"},{"attributes":{"active_drag":"auto","active_inspect":"auto","active_multi":null,"active_scroll":"auto","active_tap":"auto","tools":[{"id":"1566","type":"PanTool"},{"id":"1567","type":"WheelZoomTool"},{"id":"1568","type":"BoxZoomTool"},{"id":"1569","type":"SaveTool"},{"id":"1570","type":"ResetTool"},{"id":"1571","type":"HelpTool"}]},"id":"1572","type":"Toolbar"},{"attributes":{},"id":"1567","type":"WheelZoomTool"},{"attributes":{"fill_alpha":{"value":0.5},"fill_color":{"value":"navy"},"line_alpha":{"value":0.5},"line_color":{"value":"navy"},"size":{"units":"screen","value":10},"x":{"field":"x"},"y":{"field":"y"}},"id":"1580","type":"Circle"},{"attributes":{},"id":"1566","type":"PanTool"},{"attributes":{"dimension":1,"ticker":{"id":"1562","type":"BasicTicker"}},"id":"1565","type":"Grid"},{"attributes":{"callback":null},"id":"1550","type":"DataRange1d"},{"attributes":{},"id":"1562","type":"BasicTicker"},{"attributes":{},"id":"1570","type":"ResetTool"},{"attributes":{},"id":"1554","type":"LinearScale"},{"attributes":{"text":""},"id":"1620","type":"Title"},{"attributes":{},"id":"1623","type":"BasicTickFormatter"},{"attributes":{},"id":"1571","type":"HelpTool"},{"attributes":{},"id":"1569","type":"SaveTool"},{"attributes":{},"id":"1626","type":"UnionRenderers"},{"attributes":{"callback":null},"id":"1548","type":"DataRange1d"},{"attributes":{"bottom_units":"screen","fill_alpha":{"value":0.5},"fill_color":{"value":"lightgrey"},"left_units":"screen","level":"overlay","line_alpha":{"value":1.0},"line_color":{"value":"black"},"line_dash":[4,4],"line_width":{"value":2},"render_mode":"css","right_units":"screen","top_units":"screen"},"id":"1628","type":"BoxAnnotation"},{"attributes":{},"id":"1557","type":"BasicTicker"},{"attributes":{},"id":"1552","type":"LinearScale"},{"attributes":{},"id":"1627","type":"Selection"},{"attributes":{},"id":"1625","type":"BasicTickFormatter"}],"root_ids":["1547"]},"title":"Bokeh Application","version":"1.3.4"}}</script><script type="text/javascript">!function(){var e=function(){Bokeh.safely(function(){!function(e){function n(e){var n=document.getElementById("1764").textContent,o=[{docid:"fd0bb85e-181d-4818-b071-6ff2f09da3b8",roots:{1547:"9e74db55-03d6-4f97-8bf6-f3f44d93c069"}}];e.Bokeh.embed.embed_items(n,o)}if(void 0!==e.Bokeh)n(e);else var o=0,t=setInterval(function(e){void 0!==e.Bokeh&&(n(e),clearInterval(t)),o++,o>100&&(console.log("Bokeh: ERROR: Unable to run BokehJS code because BokehJS library is missing"),clearInterval(t))},10,e)}(window)})};"loading"!=document.readyState?e():document.addEventListener("DOMContentLoaded",e)}()</script><h2 id="折线图"><a href="#折线图" class="headerlink" title="折线图"></a>折线图</h2><figure class="highlight python hljs"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br></pre></td><td class="code"><pre><span class="line"><span class="hljs-comment"># import modules </span></span><br><span class="line"><span class="hljs-keyword">from</span> bokeh.plotting <span class="hljs-keyword">import</span> figure, output_file, show </span><br><span class="line"><span class="hljs-comment"># output to notebook </span></span><br><span class="line">output_file(<span class="hljs-string">'html/line.html'</span>) </span><br><span class="line"><span class="hljs-comment"># create figure </span></span><br><span class="line">p = figure(plot_width = <span class="hljs-number">400</span>, plot_height = <span class="hljs-number">400</span>) </span><br><span class="line"><span class="hljs-comment"># add a line renderer </span></span><br><span class="line">p.line([<span class="hljs-number">1</span>, <span class="hljs-number">2</span>, <span class="hljs-number">3</span>, <span class="hljs-number">4</span>, <span class="hljs-number">5</span>], [<span class="hljs-number">3</span>, <span class="hljs-number">1</span>, <span class="hljs-number">2</span>, <span class="hljs-number">6</span>, <span class="hljs-number">5</span>],  </span><br><span class="line">        line_width = <span class="hljs-number">2</span>, color = <span class="hljs-string">"green"</span>) </span><br><span class="line"><span class="hljs-comment"># show the results </span></span><br><span class="line">show(p)</span><br></pre></td></tr></table></figure><div class="bk-root" id="b2c7bbaf-c3f8-47c1-90d2-433614deadc3" data-root-id="1774"></div><script type="application/json" id="2000">{"b5ba7376-bd7e-4b57-9350-d258d68e91b4":{"roots":{"references":[{"attributes":{"below":[{"id":"1783","type":"LinearAxis"}],"center":[{"id":"1787","type":"Grid"},{"id":"1792","type":"Grid"}],"left":[{"id":"1788","type":"LinearAxis"}],"plot_height":400,"plot_width":400,"renderers":[{"id":"1809","type":"GlyphRenderer"}],"title":{"id":"1856","type":"Title"},"toolbar":{"id":"1799","type":"Toolbar"},"x_range":{"id":"1775","type":"DataRange1d"},"x_scale":{"id":"1779","type":"LinearScale"},"y_range":{"id":"1777","type":"DataRange1d"},"y_scale":{"id":"1781","type":"LinearScale"}},"id":"1774","subtype":"Figure","type":"Plot"},{"attributes":{"data_source":{"id":"1806","type":"ColumnDataSource"},"glyph":{"id":"1807","type":"Line"},"hover_glyph":null,"muted_glyph":null,"nonselection_glyph":{"id":"1808","type":"Line"},"selection_glyph":null,"view":{"id":"1810","type":"CDSView"}},"id":"1809","type":"GlyphRenderer"},{"attributes":{"active_drag":"auto","active_inspect":"auto","active_multi":null,"active_scroll":"auto","active_tap":"auto","tools":[{"id":"1793","type":"PanTool"},{"id":"1794","type":"WheelZoomTool"},{"id":"1795","type":"BoxZoomTool"},{"id":"1796","type":"SaveTool"},{"id":"1797","type":"ResetTool"},{"id":"1798","type":"HelpTool"}]},"id":"1799","type":"Toolbar"},{"attributes":{},"id":"1859","type":"BasicTickFormatter"},{"attributes":{},"id":"1794","type":"WheelZoomTool"},{"attributes":{"formatter":{"id":"1861","type":"BasicTickFormatter"},"ticker":{"id":"1789","type":"BasicTicker"}},"id":"1788","type":"LinearAxis"},{"attributes":{},"id":"1781","type":"LinearScale"},{"attributes":{},"id":"1863","type":"Selection"},{"attributes":{"dimension":1,"ticker":{"id":"1789","type":"BasicTicker"}},"id":"1792","type":"Grid"},{"attributes":{},"id":"1861","type":"BasicTickFormatter"},{"attributes":{"ticker":{"id":"1784","type":"BasicTicker"}},"id":"1787","type":"Grid"},{"attributes":{},"id":"1779","type":"LinearScale"},{"attributes":{"line_alpha":0.1,"line_color":"#1f77b4","line_width":2,"x":{"field":"x"},"y":{"field":"y"}},"id":"1808","type":"Line"},{"attributes":{"source":{"id":"1806","type":"ColumnDataSource"}},"id":"1810","type":"CDSView"},{"attributes":{},"id":"1797","type":"ResetTool"},{"attributes":{"callback":null},"id":"1775","type":"DataRange1d"},{"attributes":{"callback":null,"data":{"x":[1,2,3,4,5],"y":[3,1,2,6,5]},"selected":{"id":"1863","type":"Selection"},"selection_policy":{"id":"1862","type":"UnionRenderers"}},"id":"1806","type":"ColumnDataSource"},{"attributes":{"callback":null},"id":"1777","type":"DataRange1d"},{"attributes":{"formatter":{"id":"1859","type":"BasicTickFormatter"},"ticker":{"id":"1784","type":"BasicTicker"}},"id":"1783","type":"LinearAxis"},{"attributes":{"text":""},"id":"1856","type":"Title"},{"attributes":{"line_color":"green","line_width":2,"x":{"field":"x"},"y":{"field":"y"}},"id":"1807","type":"Line"},{"attributes":{},"id":"1793","type":"PanTool"},{"attributes":{},"id":"1796","type":"SaveTool"},{"attributes":{},"id":"1798","type":"HelpTool"},{"attributes":{"overlay":{"id":"1864","type":"BoxAnnotation"}},"id":"1795","type":"BoxZoomTool"},{"attributes":{},"id":"1862","type":"UnionRenderers"},{"attributes":{},"id":"1789","type":"BasicTicker"},{"attributes":{},"id":"1784","type":"BasicTicker"},{"attributes":{"bottom_units":"screen","fill_alpha":{"value":0.5},"fill_color":{"value":"lightgrey"},"left_units":"screen","level":"overlay","line_alpha":{"value":1.0},"line_color":{"value":"black"},"line_dash":[4,4],"line_width":{"value":2},"render_mode":"css","right_units":"screen","top_units":"screen"},"id":"1864","type":"BoxAnnotation"}],"root_ids":["1774"]},"title":"Bokeh Application","version":"1.3.4"}}</script><script type="text/javascript">!function(){var e=function(){Bokeh.safely(function(){!function(e){function n(e){var n=document.getElementById("2000").textContent,o=[{docid:"b5ba7376-bd7e-4b57-9350-d258d68e91b4",roots:{1774:"b2c7bbaf-c3f8-47c1-90d2-433614deadc3"}}];e.Bokeh.embed.embed_items(n,o)}if(void 0!==e.Bokeh)n(e);else var o=0,t=setInterval(function(e){void 0!==e.Bokeh&&(n(e),clearInterval(t)),o++,o>100&&(console.log("Bokeh: ERROR: Unable to run BokehJS code because BokehJS library is missing"),clearInterval(t))},10,e)}(window)})};"loading"!=document.readyState?e():document.addEventListener("DOMContentLoaded",e)}()</script><h2 id="柱状图"><a href="#柱状图" class="headerlink" title="柱状图"></a>柱状图</h2><figure class="highlight python hljs"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br></pre></td><td class="code"><pre><span class="line"><span class="hljs-keyword">from</span> bokeh.io <span class="hljs-keyword">import</span> show, output_file</span><br><span class="line"><span class="hljs-keyword">from</span> bokeh.plotting <span class="hljs-keyword">import</span> figure</span><br><span class="line">output_file(<span class="hljs-string">"html/bars.html"</span>)</span><br><span class="line">fruits = [<span class="hljs-string">'Apples'</span>, <span class="hljs-string">'Pears'</span>, <span class="hljs-string">'Nectarines'</span>, <span class="hljs-string">'Plums'</span>, <span class="hljs-string">'Grapes'</span>, <span class="hljs-string">'Strawberries'</span>]</span><br><span class="line">counts = [<span class="hljs-number">5</span>, <span class="hljs-number">3</span>, <span class="hljs-number">4</span>, <span class="hljs-number">2</span>, <span class="hljs-number">4</span>, <span class="hljs-number">6</span>]</span><br><span class="line">p = figure(x_range=fruits, plot_height=<span class="hljs-number">250</span>, title=<span class="hljs-string">"Fruit Counts"</span>,tools=<span class="hljs-string">""</span>)</span><br><span class="line">p.vbar(x=fruits, top=counts, width=<span class="hljs-number">0.9</span>)</span><br><span class="line">p.xgrid.grid_line_color = <span class="hljs-literal">None</span></span><br><span class="line">p.y_range.start = <span class="hljs-number">0</span></span><br><span class="line">show(p)</span><br></pre></td></tr></table></figure><div class="bk-root" id="1a530e00-250e-4201-97a5-b4603f00f030" data-root-id="3013"></div><script type="application/json" id="3389">{"29b4f9b5-1769-489c-be3c-bd4c675994c9":{"roots":{"references":[{"attributes":{"below":[{"id":"3024","type":"LinearAxis"}],"center":[{"id":"3028","type":"Grid"},{"id":"3032","type":"Grid"},{"id":"3064","type":"Legend"}],"left":[{"id":"3029","type":"CategoricalAxis"}],"outline_line_color":{"value":null},"plot_height":250,"renderers":[{"id":"3056","type":"GlyphRenderer"},{"id":"3069","type":"GlyphRenderer"},{"id":"3083","type":"GlyphRenderer"},{"id":"3104","type":"GlyphRenderer"},{"id":"3118","type":"GlyphRenderer"},{"id":"3134","type":"GlyphRenderer"}],"title":{"id":"3014","type":"Title"},"toolbar":{"id":"3039","type":"Toolbar"},"toolbar_location":null,"x_range":{"id":"3016","type":"Range1d"},"x_scale":{"id":"3020","type":"LinearScale"},"y_range":{"id":"3018","type":"FactorRange"},"y_scale":{"id":"3022","type":"CategoricalScale"}},"id":"3013","subtype":"Figure","type":"Plot"},{"attributes":{"fill_alpha":{"value":0.1},"fill_color":{"value":"#1f77b4"},"height":{"value":0.9},"left":{"expr":{"id":"3049","type":"Stack"}},"line_alpha":{"value":0.1},"line_color":{"value":"#1f77b4"},"right":{"expr":{"id":"3050","type":"Stack"}},"y":{"field":"fruits"}},"id":"3068","type":"HBar"},{"attributes":{"data_source":{"id":"3046","type":"ColumnDataSource"},"glyph":{"id":"3067","type":"HBar"},"hover_glyph":null,"muted_glyph":null,"name":"2016","nonselection_glyph":{"id":"3068","type":"HBar"},"selection_glyph":null,"view":{"id":"3070","type":"CDSView"}},"id":"3069","type":"GlyphRenderer"},{"attributes":{"fill_alpha":{"value":0.1},"fill_color":{"value":"#1f77b4"},"height":{"value":0.9},"left":{"expr":{"id":"3047","type":"Stack"}},"line_alpha":{"value":0.1},"line_color":{"value":"#1f77b4"},"right":{"expr":{"id":"3048","type":"Stack"}},"y":{"field":"fruits"}},"id":"3055","type":"HBar"},{"attributes":{"fill_alpha":{"value":0.1},"fill_color":{"value":"#1f77b4"},"height":{"value":0.9},"left":{"expr":{"id":"3099","type":"Stack"}},"line_alpha":{"value":0.1},"line_color":{"value":"#1f77b4"},"right":{"expr":{"id":"3100","type":"Stack"}},"y":{"field":"fruits"}},"id":"3133","type":"HBar"},{"attributes":{},"id":"3060","type":"BasicTickFormatter"},{"attributes":{"overlay":{"id":"3063","type":"BoxAnnotation"}},"id":"3035","type":"BoxZoomTool"},{"attributes":{"data_source":{"id":"3094","type":"ColumnDataSource"},"glyph":{"id":"3132","type":"HBar"},"hover_glyph":null,"muted_glyph":null,"name":"2017","nonselection_glyph":{"id":"3133","type":"HBar"},"selection_glyph":null,"view":{"id":"3135","type":"CDSView"}},"id":"3134","type":"GlyphRenderer"},{"attributes":{},"id":"3036","type":"SaveTool"},{"attributes":{"source":{"id":"3046","type":"ColumnDataSource"}},"id":"3057","type":"CDSView"},{"attributes":{},"id":"3037","type":"ResetTool"},{"attributes":{"fields":[]},"id":"3047","type":"Stack"},{"attributes":{"fields":["2015","2016"]},"id":"3098","type":"Stack"},{"attributes":{"fields":["2015"]},"id":"3097","type":"Stack"},{"attributes":{"fields":["2015","2016"]},"id":"3099","type":"Stack"},{"attributes":{"data_source":{"id":"3046","type":"ColumnDataSource"},"glyph":{"id":"3054","type":"HBar"},"hover_glyph":null,"muted_glyph":null,"name":"2015","nonselection_glyph":{"id":"3055","type":"HBar"},"selection_glyph":null,"view":{"id":"3057","type":"CDSView"}},"id":"3056","type":"GlyphRenderer"},{"attributes":{"source":{"id":"3094","type":"ColumnDataSource"}},"id":"3105","type":"CDSView"},{"attributes":{"label":{"value":"2016 exports"},"renderers":[{"id":"3069","type":"GlyphRenderer"}]},"id":"3079","type":"LegendItem"},{"attributes":{},"id":"3038","type":"HelpTool"},{"attributes":{"items":[{"id":"3065","type":"LegendItem"},{"id":"3079","type":"LegendItem"},{"id":"3093","type":"LegendItem"},{"id":"3114","type":"LegendItem"},{"id":"3130","type":"LegendItem"},{"id":"3146","type":"LegendItem"}],"location":"top_left"},"id":"3064","type":"Legend"},{"attributes":{"source":{"id":"3046","type":"ColumnDataSource"}},"id":"3070","type":"CDSView"},{"attributes":{},"id":"3077","type":"Selection"},{"attributes":{"fields":["2015","2016","2017"]},"id":"3100","type":"Stack"},{"attributes":{"active_drag":"auto","active_inspect":"auto","active_multi":null,"active_scroll":"auto","active_tap":"auto","tools":[{"id":"3033","type":"PanTool"},{"id":"3034","type":"WheelZoomTool"},{"id":"3035","type":"BoxZoomTool"},{"id":"3036","type":"SaveTool"},{"id":"3037","type":"ResetTool"},{"id":"3038","type":"HelpTool"}]},"id":"3039","type":"Toolbar"},{"attributes":{"fill_color":{"value":"#fdbb84"},"height":{"value":0.9},"left":{"expr":{"id":"3097","type":"Stack"}},"line_color":{"value":"#fdbb84"},"right":{"expr":{"id":"3098","type":"Stack"}},"y":{"field":"fruits"}},"id":"3116","type":"HBar"},{"attributes":{"label":{"value":"2017 imports"},"renderers":[{"id":"3134","type":"GlyphRenderer"}]},"id":"3146","type":"LegendItem"},{"attributes":{"fill_color":{"value":"#e0f3db"},"height":{"value":0.9},"left":{"expr":{"id":"3051","type":"Stack"}},"line_color":{"value":"#e0f3db"},"right":{"expr":{"id":"3052","type":"Stack"}},"y":{"field":"fruits"}},"id":"3081","type":"HBar"},{"attributes":{"fill_color":{"value":"#e34a33"},"height":{"value":0.9},"left":{"expr":{"id":"3095","type":"Stack"}},"line_color":{"value":"#e34a33"},"right":{"expr":{"id":"3096","type":"Stack"}},"y":{"field":"fruits"}},"id":"3102","type":"HBar"},{"attributes":{},"id":"3033","type":"PanTool"},{"attributes":{"fields":["2015"]},"id":"3048","type":"Stack"},{"attributes":{},"id":"3022","type":"CategoricalScale"},{"attributes":{"fill_color":{"value":"#fee8c8"},"height":{"value":0.9},"left":{"expr":{"id":"3099","type":"Stack"}},"line_color":{"value":"#fee8c8"},"right":{"expr":{"id":"3100","type":"Stack"}},"y":{"field":"fruits"}},"id":"3132","type":"HBar"},{"attributes":{"data_source":{"id":"3094","type":"ColumnDataSource"},"glyph":{"id":"3116","type":"HBar"},"hover_glyph":null,"muted_glyph":null,"name":"2016","nonselection_glyph":{"id":"3117","type":"HBar"},"selection_glyph":null,"view":{"id":"3119","type":"CDSView"}},"id":"3118","type":"GlyphRenderer"},{"attributes":{"fill_alpha":{"value":0.1},"fill_color":{"value":"#1f77b4"},"height":{"value":0.9},"left":{"expr":{"id":"3095","type":"Stack"}},"line_alpha":{"value":0.1},"line_color":{"value":"#1f77b4"},"right":{"expr":{"id":"3096","type":"Stack"}},"y":{"field":"fruits"}},"id":"3103","type":"HBar"},{"attributes":{"fill_alpha":{"value":0.1},"fill_color":{"value":"#1f77b4"},"height":{"value":0.9},"left":{"expr":{"id":"3097","type":"Stack"}},"line_alpha":{"value":0.1},"line_color":{"value":"#1f77b4"},"right":{"expr":{"id":"3098","type":"Stack"}},"y":{"field":"fruits"}},"id":"3117","type":"HBar"},{"attributes":{"text":"Fruit import/export, by year"},"id":"3014","type":"Title"},{"attributes":{"data_source":{"id":"3094","type":"ColumnDataSource"},"glyph":{"id":"3102","type":"HBar"},"hover_glyph":null,"muted_glyph":null,"name":"2015","nonselection_glyph":{"id":"3103","type":"HBar"},"selection_glyph":null,"view":{"id":"3105","type":"CDSView"}},"id":"3104","type":"GlyphRenderer"},{"attributes":{"source":{"id":"3046","type":"ColumnDataSource"}},"id":"3084","type":"CDSView"},{"attributes":{"source":{"id":"3094","type":"ColumnDataSource"}},"id":"3135","type":"CDSView"},{"attributes":{"callback":null,"end":16,"start":-16},"id":"3016","type":"Range1d"},{"attributes":{"fill_alpha":{"value":0.1},"fill_color":{"value":"#1f77b4"},"height":{"value":0.9},"left":{"expr":{"id":"3051","type":"Stack"}},"line_alpha":{"value":0.1},"line_color":{"value":"#1f77b4"},"right":{"expr":{"id":"3052","type":"Stack"}},"y":{"field":"fruits"}},"id":"3082","type":"HBar"},{"attributes":{"callback":null,"data":{"2015":[-1,0,-1,-3,-2,-1],"2016":[-2,-1,-3,-1,-2,-2],"2017":[-1,-2,-1,0,-2,-2],"fruits":["Apples","Pears","Nectarines","Plums","Grapes","Strawberries"]},"selected":{"id":"3128","type":"Selection"},"selection_policy":{"id":"3127","type":"UnionRenderers"}},"id":"3094","type":"ColumnDataSource"},{"attributes":{},"id":"3062","type":"CategoricalTickFormatter"},{"attributes":{"data_source":{"id":"3046","type":"ColumnDataSource"},"glyph":{"id":"3081","type":"HBar"},"hover_glyph":null,"muted_glyph":null,"name":"2017","nonselection_glyph":{"id":"3082","type":"HBar"},"selection_glyph":null,"view":{"id":"3084","type":"CDSView"}},"id":"3083","type":"GlyphRenderer"},{"attributes":{"fill_color":{"value":"#43a2ca"},"height":{"value":0.9},"left":{"expr":{"id":"3047","type":"Stack"}},"line_color":{"value":"#43a2ca"},"right":{"expr":{"id":"3048","type":"Stack"}},"y":{"field":"fruits"}},"id":"3054","type":"HBar"},{"attributes":{"fields":["2015"]},"id":"3049","type":"Stack"},{"attributes":{},"id":"3020","type":"LinearScale"},{"attributes":{"callback":null,"data":{"2015":[2,1,4,3,2,4],"2016":[5,3,4,2,4,6],"2017":[3,2,4,4,5,3],"fruits":["Apples","Pears","Nectarines","Plums","Grapes","Strawberries"]},"selected":{"id":"3077","type":"Selection"},"selection_policy":{"id":"3076","type":"UnionRenderers"}},"id":"3046","type":"ColumnDataSource"},{"attributes":{"formatter":{"id":"3060","type":"BasicTickFormatter"},"minor_tick_line_color":{"value":null},"ticker":{"id":"3025","type":"BasicTicker"}},"id":"3024","type":"LinearAxis"},{"attributes":{"callback":null,"factors":["Apples","Pears","Nectarines","Plums","Grapes","Strawberries"],"range_padding":0.1},"id":"3018","type":"FactorRange"},{"attributes":{"label":{"value":"2015 exports"},"renderers":[{"id":"3056","type":"GlyphRenderer"}]},"id":"3065","type":"LegendItem"},{"attributes":{"fields":["2015","2016"]},"id":"3050","type":"Stack"},{"attributes":{"label":{"value":"2015 imports"},"renderers":[{"id":"3104","type":"GlyphRenderer"}]},"id":"3114","type":"LegendItem"},{"attributes":{"fields":["2015","2016"]},"id":"3051","type":"Stack"},{"attributes":{"source":{"id":"3094","type":"ColumnDataSource"}},"id":"3119","type":"CDSView"},{"attributes":{"label":{"value":"2017 exports"},"renderers":[{"id":"3083","type":"GlyphRenderer"}]},"id":"3093","type":"LegendItem"},{"attributes":{"fields":["2015","2016","2017"]},"id":"3052","type":"Stack"},{"attributes":{"fields":["2015"]},"id":"3096","type":"Stack"},{"attributes":{},"id":"3030","type":"CategoricalTicker"},{"attributes":{},"id":"3034","type":"WheelZoomTool"},{"attributes":{},"id":"3076","type":"UnionRenderers"},{"attributes":{"bottom_units":"screen","fill_alpha":{"value":0.5},"fill_color":{"value":"lightgrey"},"left_units":"screen","level":"overlay","line_alpha":{"value":1.0},"line_color":{"value":"black"},"line_dash":[4,4],"line_width":{"value":2},"render_mode":"css","right_units":"screen","top_units":"screen"},"id":"3063","type":"BoxAnnotation"},{"attributes":{},"id":"3025","type":"BasicTicker"},{"attributes":{},"id":"3128","type":"Selection"},{"attributes":{"fill_color":{"value":"#a8ddb5"},"height":{"value":0.9},"left":{"expr":{"id":"3049","type":"Stack"}},"line_color":{"value":"#a8ddb5"},"right":{"expr":{"id":"3050","type":"Stack"}},"y":{"field":"fruits"}},"id":"3067","type":"HBar"},{"attributes":{"label":{"value":"2016 imports"},"renderers":[{"id":"3118","type":"GlyphRenderer"}]},"id":"3130","type":"LegendItem"},{"attributes":{"fields":[]},"id":"3095","type":"Stack"},{"attributes":{"ticker":{"id":"3025","type":"BasicTicker"}},"id":"3028","type":"Grid"},{"attributes":{},"id":"3127","type":"UnionRenderers"},{"attributes":{"formatter":{"id":"3062","type":"CategoricalTickFormatter"},"minor_tick_line_color":{"value":null},"ticker":{"id":"3030","type":"CategoricalTicker"}},"id":"3029","type":"CategoricalAxis"},{"attributes":{"dimension":1,"grid_line_color":null,"ticker":{"id":"3030","type":"CategoricalTicker"}},"id":"3032","type":"Grid"}],"root_ids":["3013"]},"title":"Bokeh Application","version":"1.3.4"}}</script><script type="text/javascript">!function(){var e=function(){Bokeh.safely(function(){!function(e){function n(e){var n=document.getElementById("3389").textContent,o=[{docid:"29b4f9b5-1769-489c-be3c-bd4c675994c9",roots:{3013:"1a530e00-250e-4201-97a5-b4603f00f030"}}];e.Bokeh.embed.embed_items(n,o)}if(void 0!==e.Bokeh)n(e);else var o=0,t=setInterval(function(e){void 0!==e.Bokeh&&(n(e),clearInterval(t)),o++,o>100&&(console.log("Bokeh: ERROR: Unable to run BokehJS code because BokehJS library is missing"),clearInterval(t))},10,e)}(window)})};"loading"!=document.readyState?e():document.addEventListener("DOMContentLoaded",e)}()</script><h2 id="在一张图表中插入多组数据"><a href="#在一张图表中插入多组数据" class="headerlink" title="在一张图表中插入多组数据"></a>在一张图表中插入多组数据</h2><figure class="highlight python hljs"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br><span class="line">14</span><br><span class="line">15</span><br><span class="line">16</span><br><span class="line">17</span><br><span class="line">18</span><br><span class="line">19</span><br><span class="line">20</span><br><span class="line">21</span><br><span class="line">22</span><br><span class="line">23</span><br><span class="line">24</span><br><span class="line">25</span><br><span class="line">26</span><br><span class="line">27</span><br><span class="line">28</span><br></pre></td><td class="code"><pre><span class="line"><span class="hljs-keyword">from</span> bokeh.plotting <span class="hljs-keyword">import</span> figure, output_file, show</span><br><span class="line"></span><br><span class="line"><span class="hljs-comment"># prepare some data</span></span><br><span class="line">x = [<span class="hljs-number">0.1</span>, <span class="hljs-number">0.5</span>, <span class="hljs-number">1.0</span>, <span class="hljs-number">1.5</span>, <span class="hljs-number">2.0</span>, <span class="hljs-number">2.5</span>, <span class="hljs-number">3.0</span>]</span><br><span class="line">y0 = [i**<span class="hljs-number">2</span> <span class="hljs-keyword">for</span> i <span class="hljs-keyword">in</span> x]</span><br><span class="line">y1 = [<span class="hljs-number">10</span>**i <span class="hljs-keyword">for</span> i <span class="hljs-keyword">in</span> x]</span><br><span class="line">y2 = [<span class="hljs-number">10</span>**(i**<span class="hljs-number">2</span>) <span class="hljs-keyword">for</span> i <span class="hljs-keyword">in</span> x]</span><br><span class="line"></span><br><span class="line"><span class="hljs-comment"># output to static HTML file</span></span><br><span class="line">output_file(<span class="hljs-string">"log_lines.html"</span>)</span><br><span class="line"></span><br><span class="line"><span class="hljs-comment"># create a new plot</span></span><br><span class="line">p = figure(</span><br><span class="line">   tools=<span class="hljs-string">"pan,box_zoom,reset,save"</span>,</span><br><span class="line">   y_axis_type=<span class="hljs-string">"log"</span>, y_range=[<span class="hljs-number">0.001</span>, <span class="hljs-number">10</span>**<span class="hljs-number">11</span>], title=<span class="hljs-string">"log axis example"</span>,</span><br><span class="line">   x_axis_label=<span class="hljs-string">'sections'</span>, y_axis_label=<span class="hljs-string">'particles'</span></span><br><span class="line">)</span><br><span class="line"></span><br><span class="line"><span class="hljs-comment"># add some renderers</span></span><br><span class="line">p.line(x, x, legend=<span class="hljs-string">"y=x"</span>)</span><br><span class="line">p.circle(x, x, legend=<span class="hljs-string">"y=x"</span>, fill_color=<span class="hljs-string">"white"</span>, size=<span class="hljs-number">8</span>)</span><br><span class="line">p.line(x, y0, legend=<span class="hljs-string">"y=x^2"</span>, line_width=<span class="hljs-number">3</span>)</span><br><span class="line">p.line(x, y1, legend=<span class="hljs-string">"y=10^x"</span>, line_color=<span class="hljs-string">"red"</span>)</span><br><span class="line">p.circle(x, y1, legend=<span class="hljs-string">"y=10^x"</span>, fill_color=<span class="hljs-string">"red"</span>, line_color=<span class="hljs-string">"red"</span>, size=<span class="hljs-number">6</span>)</span><br><span class="line">p.line(x, y2, legend=<span class="hljs-string">"y=10^x^2"</span>, line_color=<span class="hljs-string">"orange"</span>, line_dash=<span class="hljs-string">"4 4"</span>)</span><br><span class="line"></span><br><span class="line"><span class="hljs-comment"># show the results</span></span><br><span class="line">show(p)</span><br></pre></td></tr></table></figure><div class="bk-root" id="6b0cbb98-b19f-4278-8d9c-45e118441d6a" data-root-id="1001"></div><script type="application/json" id="1294">{"92c90687-3996-4e97-b3e9-d8f62e191825":{"roots":{"references":[{"attributes":{"callback":null,"data":{"x":[0.1,0.5,1.0,1.5,2.0,2.5,3.0],"y":[0.1,0.5,1.0,1.5,2.0,2.5,3.0]},"selected":{"id":"1071","type":"Selection"},"selection_policy":{"id":"1070","type":"UnionRenderers"}},"id":"1044","type":"ColumnDataSource"},{"attributes":{"source":{"id":"1031","type":"ColumnDataSource"}},"id":"1035","type":"CDSView"},{"attributes":{},"id":"1088","type":"UnionRenderers"},{"attributes":{},"id":"1022","type":"PanTool"},{"attributes":{"label":{"value":"y=10^x"},"renderers":[{"id":"1076","type":"GlyphRenderer"},{"id":"1094","type":"GlyphRenderer"}]},"id":"1090","type":"LegendItem"},{"attributes":{},"id":"1089","type":"Selection"},{"attributes":{},"id":"1024","type":"ResetTool"},{"attributes":{},"id":"1025","type":"SaveTool"},{"attributes":{"line_color":"orange","line_dash":[4,4],"x":{"field":"x"},"y":{"field":"y"}},"id":"1111","type":"Line"},{"attributes":{"callback":null,"data":{"x":[0.1,0.5,1.0,1.5,2.0,2.5,3.0],"y":[1.023292992280754,1.7782794100389228,10.0,177.82794100389228,10000.0,1778279.410038923,1000000000.0]},"selected":{"id":"1149","type":"Selection"},"selection_policy":{"id":"1148","type":"UnionRenderers"}},"id":"1110","type":"ColumnDataSource"},{"attributes":{"active_drag":"auto","active_inspect":"auto","active_multi":null,"active_scroll":"auto","active_tap":"auto","tools":[{"id":"1022","type":"PanTool"},{"id":"1023","type":"BoxZoomTool"},{"id":"1024","type":"ResetTool"},{"id":"1025","type":"SaveTool"}]},"id":"1026","type":"Toolbar"},{"attributes":{"line_color":"#1f77b4","line_width":3,"x":{"field":"x"},"y":{"field":"y"}},"id":"1058","type":"Line"},{"attributes":{"line_alpha":0.1,"line_color":"#1f77b4","x":{"field":"x"},"y":{"field":"y"}},"id":"1033","type":"Line"},{"attributes":{"fill_alpha":{"value":0.1},"fill_color":{"value":"#1f77b4"},"line_alpha":{"value":0.1},"line_color":{"value":"#1f77b4"},"size":{"units":"screen","value":6},"x":{"field":"x"},"y":{"field":"y"}},"id":"1093","type":"Circle"},{"attributes":{"data_source":{"id":"1031","type":"ColumnDataSource"},"glyph":{"id":"1032","type":"Line"},"hover_glyph":null,"muted_glyph":null,"nonselection_glyph":{"id":"1033","type":"Line"},"selection_glyph":null,"view":{"id":"1035","type":"CDSView"}},"id":"1034","type":"GlyphRenderer"},{"attributes":{"data_source":{"id":"1091","type":"ColumnDataSource"},"glyph":{"id":"1092","type":"Circle"},"hover_glyph":null,"muted_glyph":null,"nonselection_glyph":{"id":"1093","type":"Circle"},"selection_glyph":null,"view":{"id":"1095","type":"CDSView"}},"id":"1094","type":"GlyphRenderer"},{"attributes":{},"id":"1038","type":"BasicTickFormatter"},{"attributes":{"source":{"id":"1091","type":"ColumnDataSource"}},"id":"1095","type":"CDSView"},{"attributes":{"items":[{"id":"1043","type":"LegendItem"},{"id":"1072","type":"LegendItem"},{"id":"1090","type":"LegendItem"},{"id":"1131","type":"LegendItem"}]},"id":"1042","type":"Legend"},{"attributes":{},"id":"1108","type":"UnionRenderers"},{"attributes":{"text":"log axis example"},"id":"1002","type":"Title"},{"attributes":{"ticker":null},"id":"1040","type":"LogTickFormatter"},{"attributes":{"callback":null,"end":100000000000,"start":0.001},"id":"1006","type":"Range1d"},{"attributes":{"bottom_units":"screen","fill_alpha":{"value":0.5},"fill_color":{"value":"lightgrey"},"left_units":"screen","level":"overlay","line_alpha":{"value":1.0},"line_color":{"value":"black"},"line_dash":[4,4],"line_width":{"value":2},"render_mode":"css","right_units":"screen","top_units":"screen"},"id":"1041","type":"BoxAnnotation"},{"attributes":{},"id":"1109","type":"Selection"},{"attributes":{"callback":null,"data":{"x":[0.1,0.5,1.0,1.5,2.0,2.5,3.0],"y":[0.010000000000000002,0.25,1.0,2.25,4.0,6.25,9.0]},"selected":{"id":"1089","type":"Selection"},"selection_policy":{"id":"1088","type":"UnionRenderers"}},"id":"1057","type":"ColumnDataSource"},{"attributes":{"label":{"value":"y=x"},"renderers":[{"id":"1034","type":"GlyphRenderer"},{"id":"1047","type":"GlyphRenderer"}]},"id":"1043","type":"LegendItem"},{"attributes":{"line_alpha":0.1,"line_color":"#1f77b4","line_dash":[4,4],"x":{"field":"x"},"y":{"field":"y"}},"id":"1112","type":"Line"},{"attributes":{"data_source":{"id":"1110","type":"ColumnDataSource"},"glyph":{"id":"1111","type":"Line"},"hover_glyph":null,"muted_glyph":null,"nonselection_glyph":{"id":"1112","type":"Line"},"selection_glyph":null,"view":{"id":"1114","type":"CDSView"}},"id":"1113","type":"GlyphRenderer"},{"attributes":{"fill_alpha":{"value":0.1},"fill_color":{"value":"#1f77b4"},"line_alpha":{"value":0.1},"line_color":{"value":"#1f77b4"},"size":{"units":"screen","value":8},"x":{"field":"x"},"y":{"field":"y"}},"id":"1046","type":"Circle"},{"attributes":{"source":{"id":"1110","type":"ColumnDataSource"}},"id":"1114","type":"CDSView"},{"attributes":{"data_source":{"id":"1044","type":"ColumnDataSource"},"glyph":{"id":"1045","type":"Circle"},"hover_glyph":null,"muted_glyph":null,"nonselection_glyph":{"id":"1046","type":"Circle"},"selection_glyph":null,"view":{"id":"1048","type":"CDSView"}},"id":"1047","type":"GlyphRenderer"},{"attributes":{},"id":"1129","type":"UnionRenderers"},{"attributes":{"label":{"value":"y=10^x^2"},"renderers":[{"id":"1113","type":"GlyphRenderer"}]},"id":"1131","type":"LegendItem"},{"attributes":{"source":{"id":"1044","type":"ColumnDataSource"}},"id":"1048","type":"CDSView"},{"attributes":{},"id":"1055","type":"UnionRenderers"},{"attributes":{},"id":"1130","type":"Selection"},{"attributes":{"callback":null,"data":{"x":[0.1,0.5,1.0,1.5,2.0,2.5,3.0],"y":[0.1,0.5,1.0,1.5,2.0,2.5,3.0]},"selected":{"id":"1056","type":"Selection"},"selection_policy":{"id":"1055","type":"UnionRenderers"}},"id":"1031","type":"ColumnDataSource"},{"attributes":{},"id":"1056","type":"Selection"},{"attributes":{"callback":null,"data":{"x":[0.1,0.5,1.0,1.5,2.0,2.5,3.0],"y":[1.2589254117941673,3.1622776601683795,10.0,31.622776601683793,100.0,316.22776601683796,1000.0]},"selected":{"id":"1109","type":"Selection"},"selection_policy":{"id":"1108","type":"UnionRenderers"}},"id":"1073","type":"ColumnDataSource"},{"attributes":{"source":{"id":"1073","type":"ColumnDataSource"}},"id":"1077","type":"CDSView"},{"attributes":{"callback":null},"id":"1004","type":"DataRange1d"},{"attributes":{"line_color":"red","x":{"field":"x"},"y":{"field":"y"}},"id":"1074","type":"Line"},{"attributes":{},"id":"1148","type":"UnionRenderers"},{"attributes":{"data_source":{"id":"1057","type":"ColumnDataSource"},"glyph":{"id":"1058","type":"Line"},"hover_glyph":null,"muted_glyph":null,"nonselection_glyph":{"id":"1059","type":"Line"},"selection_glyph":null,"view":{"id":"1061","type":"CDSView"}},"id":"1060","type":"GlyphRenderer"},{"attributes":{},"id":"1149","type":"Selection"},{"attributes":{},"id":"1010","type":"LogScale"},{"attributes":{"overlay":{"id":"1041","type":"BoxAnnotation"}},"id":"1023","type":"BoxZoomTool"},{"attributes":{"source":{"id":"1057","type":"ColumnDataSource"}},"id":"1061","type":"CDSView"},{"attributes":{},"id":"1070","type":"UnionRenderers"},{"attributes":{},"id":"1008","type":"LinearScale"},{"attributes":{"line_color":"#1f77b4","x":{"field":"x"},"y":{"field":"y"}},"id":"1032","type":"Line"},{"attributes":{"label":{"value":"y=x^2"},"renderers":[{"id":"1060","type":"GlyphRenderer"}]},"id":"1072","type":"LegendItem"},{"attributes":{"axis_label":"sections","formatter":{"id":"1038","type":"BasicTickFormatter"},"ticker":{"id":"1013","type":"BasicTicker"}},"id":"1012","type":"LinearAxis"},{"attributes":{},"id":"1071","type":"Selection"},{"attributes":{"dimension":1,"ticker":{"id":"1018","type":"LogTicker"}},"id":"1021","type":"Grid"},{"attributes":{},"id":"1013","type":"BasicTicker"},{"attributes":{"line_alpha":0.1,"line_color":"#1f77b4","line_width":3,"x":{"field":"x"},"y":{"field":"y"}},"id":"1059","type":"Line"},{"attributes":{"fill_color":{"value":"red"},"line_color":{"value":"red"},"size":{"units":"screen","value":6},"x":{"field":"x"},"y":{"field":"y"}},"id":"1092","type":"Circle"},{"attributes":{"ticker":{"id":"1013","type":"BasicTicker"}},"id":"1016","type":"Grid"},{"attributes":{"callback":null,"data":{"x":[0.1,0.5,1.0,1.5,2.0,2.5,3.0],"y":[1.2589254117941673,3.1622776601683795,10.0,31.622776601683793,100.0,316.22776601683796,1000.0]},"selected":{"id":"1130","type":"Selection"},"selection_policy":{"id":"1129","type":"UnionRenderers"}},"id":"1091","type":"ColumnDataSource"},{"attributes":{"below":[{"id":"1012","type":"LinearAxis"}],"center":[{"id":"1016","type":"Grid"},{"id":"1021","type":"Grid"},{"id":"1042","type":"Legend"}],"left":[{"id":"1017","type":"LogAxis"}],"renderers":[{"id":"1034","type":"GlyphRenderer"},{"id":"1047","type":"GlyphRenderer"},{"id":"1060","type":"GlyphRenderer"},{"id":"1076","type":"GlyphRenderer"},{"id":"1094","type":"GlyphRenderer"},{"id":"1113","type":"GlyphRenderer"}],"title":{"id":"1002","type":"Title"},"toolbar":{"id":"1026","type":"Toolbar"},"x_range":{"id":"1004","type":"DataRange1d"},"x_scale":{"id":"1008","type":"LinearScale"},"y_range":{"id":"1006","type":"Range1d"},"y_scale":{"id":"1010","type":"LogScale"}},"id":"1001","subtype":"Figure","type":"Plot"},{"attributes":{"data_source":{"id":"1073","type":"ColumnDataSource"},"glyph":{"id":"1074","type":"Line"},"hover_glyph":null,"muted_glyph":null,"nonselection_glyph":{"id":"1075","type":"Line"},"selection_glyph":null,"view":{"id":"1077","type":"CDSView"}},"id":"1076","type":"GlyphRenderer"},{"attributes":{"num_minor_ticks":10},"id":"1018","type":"LogTicker"},{"attributes":{"axis_label":"particles","formatter":{"id":"1040","type":"LogTickFormatter"},"ticker":{"id":"1018","type":"LogTicker"}},"id":"1017","type":"LogAxis"},{"attributes":{"line_alpha":0.1,"line_color":"#1f77b4","x":{"field":"x"},"y":{"field":"y"}},"id":"1075","type":"Line"},{"attributes":{"fill_color":{"value":"white"},"line_color":{"value":"#1f77b4"},"size":{"units":"screen","value":8},"x":{"field":"x"},"y":{"field":"y"}},"id":"1045","type":"Circle"}],"root_ids":["1001"]},"title":"Bokeh Application","version":"1.3.4"}}</script><script type="text/javascript">!function(){var e=function(){Bokeh.safely(function(){!function(e){function n(e){var n=document.getElementById("1294").textContent,o=[{docid:"92c90687-3996-4e97-b3e9-d8f62e191825",roots:{1001:"6b0cbb98-b19f-4278-8d9c-45e118441d6a"}}];e.Bokeh.embed.embed_items(n,o)}if(void 0!==e.Bokeh)n(e);else var o=0,t=setInterval(function(e){void 0!==e.Bokeh&&(n(e),clearInterval(t)),o++,o>100&&(console.log("Bokeh: ERROR: Unable to run BokehJS code because BokehJS library is missing"),clearInterval(t))},10,e)}(window)})};"loading"!=document.readyState?e():document.addEventListener("DOMContentLoaded",e)}()</script><h1 id="将图表插入到自己的页面"><a href="#将图表插入到自己的页面" class="headerlink" title="将图表插入到自己的页面"></a>将图表插入到自己的页面</h1><h2 id="生成的html"><a href="#生成的html" class="headerlink" title="生成的html"></a>生成的html</h2><figure class="highlight diff hljs"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br><span class="line">14</span><br><span class="line">15</span><br><span class="line">16</span><br><span class="line">17</span><br><span class="line">18</span><br><span class="line">19</span><br><span class="line">20</span><br><span class="line">21</span><br><span class="line">22</span><br><span class="line">23</span><br><span class="line">24</span><br><span class="line">25</span><br><span class="line">26</span><br><span class="line">27</span><br><span class="line">28</span><br><span class="line">29</span><br></pre></td><td class="code"><pre><span class="line"></span><br><span class="line">&lt;!DOCTYPE html&gt;</span><br><span class="line">&lt;html lang="en"&gt;</span><br><span class="line">  &lt;head&gt;</span><br><span class="line">      &lt;meta charset="utf-8"&gt;</span><br><span class="line">      &lt;title&gt;Bokeh Plot&lt;/title&gt;</span><br><span class="line"><span class="hljs-addition">+        &lt;script type="text/javascript" src="https://cdn.pydata.org/bokeh/release/bokeh-1.3.4.min.js"&gt;&lt;/script&gt;</span></span><br><span class="line"><span class="hljs-addition">+        &lt;script type="text/javascript"&gt;</span></span><br><span class="line"><span class="hljs-addition">+            Bokeh.set_log_level("info");</span></span><br><span class="line"><span class="hljs-addition">+        &lt;/script&gt;</span></span><br><span class="line">  &lt;/head&gt;</span><br><span class="line">  &lt;body&gt;</span><br><span class="line"><span class="hljs-addition">+        &lt;div class="bk-root" id="c2e1f62c-4bf8-4646-b45f-0941761cab1e" data-root-id="2631"&gt;&lt;/div&gt;</span></span><br><span class="line"><span class="hljs-addition">+       &lt;script type="application/json" id="3005"&gt;</span></span><br><span class="line"><span class="hljs-addition">+         // 一些代码</span></span><br><span class="line"><span class="hljs-addition">+        &lt;/script&gt;</span></span><br><span class="line"><span class="hljs-addition">+        &lt;script type="text/javascript"&gt;</span></span><br><span class="line"><span class="hljs-addition">+          (function() &#123;</span></span><br><span class="line"><span class="hljs-addition">+            var fn = function() &#123;</span></span><br><span class="line"><span class="hljs-addition">+              Bokeh.safely(function() &#123;</span></span><br><span class="line"><span class="hljs-addition">+                .... // 一些代码</span></span><br><span class="line"><span class="hljs-addition">+              &#125;);</span></span><br><span class="line"><span class="hljs-addition">+            &#125;;</span></span><br><span class="line"><span class="hljs-addition">+            if (document.readyState != "loading") fn();</span></span><br><span class="line"><span class="hljs-addition">+            else document.addEventListener("DOMContentLoaded", fn);</span></span><br><span class="line"><span class="hljs-addition">+          &#125;)();</span></span><br><span class="line"><span class="hljs-addition">+        &lt;/script&gt;</span></span><br><span class="line">  &lt;/body&gt;</span><br><span class="line">&lt;/html&gt;</span><br></pre></td></tr></table></figure><blockquote><p>先引入<strong>bokeh</strong>的CDN库，然后将上面的<strong>html</strong>源码中的<strong>body</strong>内容放置到你自己的页面内，就可以显示图表了。</p></blockquote><blockquote><p>另外：如果要在Hexo中引入图表的话，需要将上面提取出的页面压缩一下，不然真的容易出错。比如在下面的工具中压缩：</p><blockquote><p><a href="https://www.sojson.com/jshtml.html" target="_blank" rel="noopener">https://www.sojson.com/jshtml.html</a></p></blockquote></blockquote><div><h1>推荐文章<span style="font-size:.45em;color:gray">（由<a href="https://github.com/huiwang/hexo-recommended-posts" target="_blank" rel="noopener">hexo文章推荐插件</a>驱动）</span></h1><ul><li><a href="http://www.borgor.cn/2019-09-20/592f7ae4.html">奇异值分解的原理与使用</a></li><li><a href="http://www.borgor.cn/2019-07-25/29fa0dd5.html">从零开始搭建CentOS+Python+nodejs开发环境</a></li><li><a href="http://www.borgor.cn/2019-07-05/8761a3c5.html">在Python中将字典转换为对象</a></li><li><a href="https://abelsu7.top/2019/05/29/python-quick-reference/" target="_blank" rel="noopener">Python 速查</a></li></ul></div><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/kity@2.0.4/dist/kity.min.js"></script><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/kityminder-core@1.4.50/dist/kityminder.core.min.js"></script><script defer type="text/javascript" src="https://cdn.jsdelivr.net/npm/hexo-simple-mindmap@0.2.0/dist/mindmap.min.js"></script><link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/hexo-simple-mindmap@0.2.0/dist/mindmap.min.css"></div><div class="level is-size-7 is-uppercase"><div class="level-start"><div class="level-item"><span class="is-size-6 has-text-grey has-mr-7">#</span> <a class="has-link-grey -link" href="/tags/Bokeh/" rel="tag">Bokeh</a>, <a class="has-link-grey -link" href="/tags/Python/" rel="tag">Python</a></div></div></div></div></div><div class="card"><div class="card-content"><h3 class="menu-label has-text-centered">喜欢这篇文章？打赏一下作者吧</h3><div class="buttons is-centered"><a class="button is-info donate"><span class="icon is-small"><i class="fab fa-alipay"></i> </span><span>支付宝</span><div class="qrcode"><img src="https://imgs.borgor.cn/imgs20190628231540.png" alt="支付宝"></div></a><a class="button is-success donate"><span class="icon is-small"><i class="fab fa-weixin"></i> </span><span>微信</span><div class="qrcode"><img src="https://imgs.borgor.cn/imgs20190628231554.png" alt="微信"></div></a></div></div></div><div class="card card-transparent"><div class="level post-navigation is-flex-wrap is-mobile"><div class="level-start"><a class="level level-item has-link-grey article-nav-prev" href="/2019-08-26/699ed9db.html"><i class="level-item fas fa-chevron-left"></i> <span class="level-item">关系代数基础</span></a></div><div class="level-end"><a class="level level-item has-link-grey article-nav-next" href="/2019-08-24/1a21e3ee.html"><span class="level-item">深度学习数学基础-大数定律和中心极限定律</span> <i class="level-item fas fa-chevron-right"></i></a></div></div></div><div class="card"><div class="card-content"><h3 class="title is-5 has-text-weight-normal">评论</h3><div id="valine-thread" class="content"></div><script src="//cdn1.lncld.net/static/js/3.0.4/av-min.js"></script><script src="//unpkg.com/valine/dist/Valine.min.js"></script><script>new Valine({el:"#valine-thread",notify:!1,verify:!1,app_id:"ybhyfHG9S4TQhIvstdj5pprw-gzGzoHsz",app_key:"ob8A13IBceQXqd8g92nUgNMx",placeholder:"你有想说的么？"})</script></div></div></div><div class="column is-4-tablet is-3-desktop is-3-widescreen has-order-1 column-left"><div class="card widget"><div class="card-content"><nav class="level"><div class="level-item has-text-centered"><div><figure class="image is-128x128 has-mb-6"><img class="is-rounded" src="https://imgs.borgor.cn/imgs20190625111723.jpg" alt="BorGor"></figure><p class="is-size-4 is-block">BorGor</p><p class="is-size-6 is-block">Note?Note!</p><p class="is-size-6 is-flex is-flex-center has-text-grey"><i class="fas fa-map-marker-alt has-mr-7"></i> <span>Lanzhou.Gansu</span></p></div></div></nav><nav class="level is-mobile"><div class="level-item has-text-centered is-marginless"><div><p class="heading">文章</p><p class="title has-text-weight-normal">86</p></div></div><div class="level-item has-text-centered is-marginless"><div><p class="heading">分类</p><p class="title has-text-weight-normal">26</p></div></div><div class="level-item has-text-centered is-marginless"><div><p class="heading">标签</p><p class="title has-text-weight-normal">153</p></div></div></nav><div class="level"><a class="level-item button is-link is-rounded" href="/" target="_blank">关注我</a></div><div class="level is-mobile"><a class="level-item button is-white is-marginless" target="_blank" title="Github" href="https://github.com/cyrusky"><i class="fab fa-github"></i></a></div></div></div><div class="card widget" id="toc"><div class="card-content"><div class="menu"><h3 class="menu-label">目录</h3><ul class="menu-list"><li><a class="is-flex" href="#图形类别"><span class="has-mr-6">1</span> <span>图形类别</span></a><ul class="menu-list"><li><a class="is-flex" href="#散点图"><span class="has-mr-6">1.1</span> <span>散点图</span></a></li><li><a class="is-flex" href="#折线图"><span class="has-mr-6">1.2</span> <span>折线图</span></a></li><li><a class="is-flex" href="#柱状图"><span class="has-mr-6">1.3</span> <span>柱状图</span></a></li><li><a class="is-flex" href="#在一张图表中插入多组数据"><span class="has-mr-6">1.4</span> <span>在一张图表中插入多组数据</span></a></li></ul></li><li><a class="is-flex" href="#将图表插入到自己的页面"><span class="has-mr-6">2</span> <span>将图表插入到自己的页面</span></a><ul class="menu-list"><li><a class="is-flex" href="#生成的html"><span class="has-mr-6">2.1</span> <span>生成的html</span></a></li></ul></li><li><a class="is-flex" href="#undefined"><span class="has-mr-6">3</span> <span>推荐文章（由hexo文章推荐插件驱动）</span></a></li></ul></div></div></div><div class="card widget"><div class="card-content"><div class="menu"><h3 class="menu-label">分类</h3><ul class="menu-list"><li><a class="level is-marginless" href="/categories/AI/"><span class="level-start"><span class="level-item">AI</span> </span><span class="level-end"><span class="level-item tag">20</span></span></a><ul><li><a class="level is-marginless" href="/categories/AI/Machine-Learning/"><span class="level-start"><span class="level-item">Machine Learning</span> </span><span class="level-end"><span class="level-item tag">6</span></span></a></li><li><a class="level is-marginless" href="/categories/AI/Mathematics/"><span class="level-start"><span class="level-item">Mathematics</span> </span><span class="level-end"><span class="level-item tag">9</span></span></a></li><li><a class="level is-marginless" href="/categories/AI/NLP/"><span class="level-start"><span class="level-item">NLP</span> </span><span class="level-end"><span class="level-item tag">1</span></span></a></li><li><a class="level is-marginless" href="/categories/AI/%E5%85%AC%E5%BC%8F%E6%8E%A8%E5%AF%BC/"><span class="level-start"><span class="level-item">公式推导</span> </span><span class="level-end"><span class="level-item tag">4</span></span></a></li></ul></li><li><a class="level is-marginless" href="/categories/CheatSheets/"><span class="level-start"><span class="level-item">CheatSheets</span> </span><span class="level-end"><span class="level-item tag">4</span></span></a></li><li><a class="level is-marginless" href="/categories/DevOps/"><span class="level-start"><span class="level-item">DevOps</span> </span><span class="level-end"><span class="level-item tag">8</span></span></a><ul><li><a class="level is-marginless" href="/categories/DevOps/Anti-patterns/"><span class="level-start"><span class="level-item">Anti-patterns</span> </span><span class="level-end"><span class="level-item tag">1</span></span></a></li><li><a class="level is-marginless" href="/categories/DevOps/Concept/"><span class="level-start"><span class="level-item">Concept</span> </span><span class="level-end"><span class="level-item tag">3</span></span></a></li><li><a class="level is-marginless" href="/categories/DevOps/Continuous-Delivery/"><span class="level-start"><span class="level-item">Continuous Delivery</span> </span><span class="level-end"><span class="level-item tag">2</span></span></a></li><li><a class="level is-marginless" href="/categories/DevOps/TeamWorks/"><span class="level-start"><span class="level-item">TeamWorks</span> </span><span class="level-end"><span class="level-item tag">1</span></span></a></li><li><a class="level is-marginless" href="/categories/DevOps/Testing/"><span class="level-start"><span class="level-item">Testing</span> </span><span class="level-end"><span class="level-item tag">1</span></span></a></li></ul></li><li><a class="level is-marginless" href="/categories/Development/"><span class="level-start"><span class="level-item">Development</span> </span><span class="level-end"><span class="level-item tag">33</span></span></a><ul><li><a class="level is-marginless" href="/categories/Development/Integrated/"><span class="level-start"><span class="level-item">Integrated</span> </span><span class="level-end"><span class="level-item tag">1</span></span></a></li><li><a class="level is-marginless" href="/categories/Development/JavaScript/"><span class="level-start"><span class="level-item">JavaScript</span> </span><span class="level-end"><span class="level-item tag">18</span></span></a></li><li><a class="level is-marginless" href="/categories/Development/Native/"><span class="level-start"><span class="level-item">Native</span> </span><span class="level-end"><span class="level-item tag">2</span></span></a></li><li><a class="level is-marginless" href="/categories/Development/Python/"><span class="level-start"><span class="level-item">Python</span> </span><span class="level-end"><span class="level-item tag">9</span></span></a></li><li><a class="level is-marginless" href="/categories/Development/React/"><span class="level-start"><span class="level-item">React</span> </span><span class="level-end"><span class="level-item tag">2</span></span></a></li><li><a class="level is-marginless" href="/categories/Development/html5/"><span class="level-start"><span class="level-item">html5</span> </span><span class="level-end"><span class="level-item tag">1</span></span></a></li></ul></li><li><a class="level is-marginless" href="/categories/Operations/"><span class="level-start"><span class="level-item">Operations</span> </span><span class="level-end"><span class="level-item tag">18</span></span></a><ul><li><a class="level is-marginless" href="/categories/Operations/Nginx/"><span class="level-start"><span class="level-item">Nginx</span> </span><span class="level-end"><span class="level-item tag">1</span></span></a></li><li><a class="level is-marginless" href="/categories/Operations/OpenStack/"><span class="level-start"><span class="level-item">OpenStack</span> </span><span class="level-end"><span class="level-item tag">14</span></span></a></li><li><a class="level is-marginless" href="/categories/Operations/System/"><span class="level-start"><span class="level-item">System</span> </span><span class="level-end"><span class="level-item tag">3</span></span></a></li></ul></li><li><a class="level is-marginless" href="/categories/Reading-Writing/"><span class="level-start"><span class="level-item">Reading&Writing</span> </span><span class="level-end"><span class="level-item tag">3</span></span></a><ul><li><a class="level is-marginless" href="/categories/Reading-Writing/Hexo/"><span class="level-start"><span class="level-item">Hexo</span> </span><span class="level-end"><span class="level-item tag">2</span></span></a></li><li><a class="level is-marginless" href="/categories/Reading-Writing/LaTeX/"><span class="level-start"><span class="level-item">LaTeX</span> </span><span class="level-end"><span class="level-item tag">1</span></span></a></li></ul></li></ul></div></div></div><div class="card widget"><div class="card-content"><h3 class="menu-label">标签云</h3><a href="/tags/Agile/" style="font-size:10px">Agile</a> <a href="/tags/Angularjs/" style="font-size:11.11px">Angularjs</a> <a href="/tags/Animation/" style="font-size:10px">Animation</a> <a href="/tags/Application/" style="font-size:10px">Application</a> <a href="/tags/Artificial-Intelligence/" style="font-size:10px">Artificial Intelligence</a> <a href="/tags/BP/" style="font-size:10px">BP</a> <a href="/tags/Bokeh/" style="font-size:10px">Bokeh</a> <a href="/tags/Book/" style="font-size:10px">Book</a> <a href="/tags/C4-5/" style="font-size:10px">C4.5</a> <a href="/tags/CART/" style="font-size:10px">CART</a> <a href="/tags/CD/" style="font-size:10px">CD</a> <a href="/tags/CLI/" style="font-size:10px">CLI</a> <a href="/tags/CSS/" style="font-size:10px">CSS</a> <a href="/tags/CentOS/" style="font-size:11.11px">CentOS</a> <a href="/tags/Cinder/" style="font-size:10px">Cinder</a> <a href="/tags/Clipboardjs/" style="font-size:10px">Clipboardjs</a> <a href="/tags/Concept/" style="font-size:10px">Concept</a> <a href="/tags/Continuous-Delivery/" style="font-size:10px">Continuous Delivery</a> <a href="/tags/DeepLearning/" style="font-size:16.67px">DeepLearning</a> <a href="/tags/Department/" style="font-size:11.11px">Department</a> <a href="/tags/DevOps/" style="font-size:17.78px">DevOps</a> <a href="/tags/Develop/" style="font-size:13.33px">Develop</a> <a href="/tags/Development/" style="font-size:20px">Development</a> <a href="/tags/Directive/" style="font-size:10px">Directive</a> <a href="/tags/Distribution/" style="font-size:10px">Distribution</a> <a href="/tags/Django/" style="font-size:12.22px">Django</a> <a href="/tags/Document/" style="font-size:10px">Document</a> <a href="/tags/ES5/" style="font-size:10px">ES5</a> <a href="/tags/ES6/" style="font-size:10px">ES6</a> <a href="/tags/Echarts/" style="font-size:10px">Echarts</a> <a href="/tags/Engine/" style="font-size:10px">Engine</a> <a href="/tags/Entropy/" style="font-size:10px">Entropy</a> <a href="/tags/Filter/" style="font-size:10px">Filter</a> <a href="/tags/Front-End/" style="font-size:10px">Front End</a> <a href="/tags/Gallery/" style="font-size:10px">Gallery</a> <a href="/tags/Git/" style="font-size:10px">Git</a> <a href="/tags/Gradient-descent/" style="font-size:10px">Gradient descent</a> <a href="/tags/Hexo/" style="font-size:12.22px">Hexo</a> <a href="/tags/Horizon/" style="font-size:10px">Horizon</a> <a href="/tags/ID3-5/" style="font-size:10px">ID3.5</a> <a href="/tags/Icarus/" style="font-size:10px">Icarus</a> <a href="/tags/JavaScript/" style="font-size:18.89px">JavaScript</a> <a href="/tags/Javascript/" style="font-size:11.11px">Javascript</a> <a href="/tags/KVM/" style="font-size:10px">KVM</a> <a href="/tags/LaTeX/" style="font-size:10px">LaTeX</a> <a href="/tags/LibreOffice/" style="font-size:10px">LibreOffice</a> <a href="/tags/Linux/" style="font-size:10px">Linux</a> <a href="/tags/Machine-Learning/" style="font-size:11.11px">Machine Learning</a> <a href="/tags/Matrix/" style="font-size:10px">Matrix</a> <a href="/tags/MiddleWare/" style="font-size:10px">MiddleWare</a> <a href="/tags/Module/" style="font-size:10px">Module</a> <a href="/tags/Network/" style="font-size:10px">Network</a> <a href="/tags/Nginx/" style="font-size:10px">Nginx</a> <a href="/tags/NodeJS/" style="font-size:11.11px">NodeJS</a> <a href="/tags/OOP/" style="font-size:10px">OOP</a> <a href="/tags/OpenStack/" style="font-size:17.78px">OpenStack</a> <a href="/tags/OpenStackApi/" style="font-size:14.44px">OpenStackApi</a> <a href="/tags/Operations/" style="font-size:10px">Operations</a> <a href="/tags/Oprations/" style="font-size:11.11px">Oprations</a> <a href="/tags/PDF/" style="font-size:10px">PDF</a> <a href="/tags/Pipline/" style="font-size:10px">Pipline</a> <a href="/tags/Probability/" style="font-size:12.22px">Probability</a> <a href="/tags/Python/" style="font-size:15.56px">Python</a> <a href="/tags/React/" style="font-size:11.11px">React</a> <a href="/tags/Relational-algebra/" style="font-size:10px">Relational algebra</a> <a href="/tags/Restful/" style="font-size:10px">Restful</a> <a href="/tags/Route/" style="font-size:10px">Route</a> <a href="/tags/SVD/" style="font-size:10px">SVD</a> <a href="/tags/SVM/" style="font-size:11.11px">SVM</a> <a href="/tags/Scalar/" style="font-size:10px">Scalar</a> <a href="/tags/Sigmoid/" style="font-size:10px">Sigmoid</a> <a href="/tags/Team/" style="font-size:10px">Team</a> <a href="/tags/Tempest/" style="font-size:10px">Tempest</a> <a href="/tags/Tensor/" style="font-size:10px">Tensor</a> <a href="/tags/Testing/" style="font-size:10px">Testing</a> <a href="/tags/Time/" style="font-size:10px">Time</a> <a href="/tags/TimeMachine/" style="font-size:10px">TimeMachine</a> <a href="/tags/Tips/" style="font-size:10px">Tips</a> <a href="/tags/Vector/" style="font-size:10px">Vector</a> <a href="/tags/Vmware/" style="font-size:10px">Vmware</a> <a href="/tags/Vue/" style="font-size:17.78px">Vue</a> <a href="/tags/Vuex/" style="font-size:10px">Vuex</a> <a href="/tags/WSGI/" style="font-size:10px">WSGI</a> <a href="/tags/Web/" style="font-size:10px">Web</a> <a href="/tags/Word-Cut/" style="font-size:10px">Word Cut</a> <a href="/tags/aliyun/" style="font-size:10px">aliyun</a> <a href="/tags/auth/" style="font-size:10px">auth</a> <a href="/tags/babel/" style="font-size:10px">babel</a> <a href="/tags/certbot/" style="font-size:10px">certbot</a> <a href="/tags/decision-tree/" style="font-size:10px">decision tree</a> <a href="/tags/homebrew/" style="font-size:10px">homebrew</a> <a href="/tags/jwt/" style="font-size:10px">jwt</a> <a href="/tags/keystone/" style="font-size:11.11px">keystone</a> <a href="/tags/loader/" style="font-size:10px">loader</a> <a href="/tags/mathematics/" style="font-size:11.11px">mathematics</a> <a href="/tags/migrate/" style="font-size:10px">migrate</a> <a href="/tags/openstack/" style="font-size:10px">openstack</a> <a href="/tags/pdf2html/" style="font-size:10px">pdf2html</a> <a href="/tags/pm2/" style="font-size:10px">pm2</a> <a href="/tags/singular-value-decomposition/" style="font-size:10px">singular value decomposition</a> <a href="/tags/vue-router/" style="font-size:11.11px">vue-router</a> <a href="/tags/vue-ssr/" style="font-size:10px">vue-ssr</a> <a href="/tags/webpack/" style="font-size:10px">webpack</a> <a href="/tags/%E4%BD%8E%E9%80%9A%E6%BB%A4%E6%B3%A2%E5%99%A8/" style="font-size:10px">低通滤波器</a> <a href="/tags/%E5%85%A5%E9%97%A8/" style="font-size:10px">入门</a> <a href="/tags/%E5%85%A8%E5%B1%80%E5%8F%98%E9%87%8F/" style="font-size:10px">全局变量</a> <a href="/tags/%E5%85%A8%E5%B1%80%E5%AF%B9%E8%B1%A1/" style="font-size:10px">全局对象</a> <a href="/tags/%E5%85%A8%E6%A0%88/" style="font-size:10px">全栈</a> <a href="/tags/%E5%85%AC%E5%BC%8F/" style="font-size:12.22px">公式</a> <a href="/tags/%E5%86%B3%E7%AD%96%E6%A0%91/" style="font-size:10px">决策树</a> <a href="/tags/%E5%87%BD%E6%95%B0/" style="font-size:10px">函数</a> <a href="/tags/%E5%88%86%E7%B1%BB%E5%99%A8/" style="font-size:10px">分类器</a> <a href="/tags/%E5%8A%A0%E9%80%9F/" style="font-size:10px">加速</a> <a href="/tags/%E5%8C%B9%E9%85%8D%E6%BB%A4%E6%B3%A2%E8%BE%B9%E7%BC%98%E6%A3%80%E6%B5%8B/" style="font-size:10px">匹配滤波边缘检测</a> <a href="/tags/%E5%8D%B7%E7%A7%AF/" style="font-size:10px">卷积</a> <a href="/tags/%E5%8D%B7%E7%A7%AF%E6%A0%B8/" style="font-size:10px">卷积核</a> <a href="/tags/%E5%8E%9F%E5%9E%8B%E9%93%BE/" style="font-size:10px">原型链</a> <a href="/tags/%E5%8F%8D%E5%90%91%E4%BC%A0%E6%92%AD/" style="font-size:10px">反向传播</a> <a href="/tags/%E5%8F%98%E9%87%8F%E7%B1%BB%E5%9E%8B/" style="font-size:10px">变量类型</a> <a href="/tags/%E5%AE%98%E6%96%B9%E7%A4%BA%E4%BE%8B/" style="font-size:10px">官方示例</a> <a href="/tags/%E5%AF%B9%E5%81%B6%E5%BD%A2%E5%BC%8F/" style="font-size:10px">对偶形式</a> <a href="/tags/%E5%AF%B9%E8%B1%A1/" style="font-size:10px">对象</a> <a href="/tags/%E5%B9%B3%E7%A7%BB%E5%92%8C%E6%9F%A5%E5%88%86%E8%BE%B9%E7%BC%98%E6%A3%80%E6%B5%8B/" style="font-size:10px">平移和查分边缘检测</a> <a href="/tags/%E6%8B%89%E6%A0%BC%E6%9C%97%E6%97%A5%E4%B9%98%E5%AD%90%E6%B3%95/" style="font-size:10px">拉格朗日乘子法</a> <a href="/tags/%E6%8E%A8%E5%AF%BC/" style="font-size:12.22px">推导</a> <a href="/tags/%E6%8F%90%E4%BA%A4%E9%98%B6%E6%AE%B5/" style="font-size:10px">提交阶段</a> <a href="/tags/%E6%9C%80%E5%A4%A7%E4%BC%BC%E7%84%B6%E4%BC%B0%E8%AE%A1/" style="font-size:10px">最大似然估计</a> <a href="/tags/%E6%9C%80%E5%B0%8F%E4%BA%8C%E4%B9%98%E4%BC%B0%E8%AE%A1/" style="font-size:10px">最小二乘估计</a> <a href="/tags/%E6%9C%80%E5%B0%8F%E4%BA%8C%E4%B9%98%E6%B3%95/" style="font-size:10px">最小二乘法</a> <a href="/tags/%E6%9C%B4%E7%B4%A0%E8%B4%9D%E5%8F%B6%E6%96%AF/" style="font-size:10px">朴素贝叶斯</a> <a href="/tags/%E6%9C%BA%E5%99%A8%E5%AD%A6%E4%B9%A0/" style="font-size:10px">机器学习</a> <a href="/tags/%E6%9D%A1%E4%BB%B6%E6%A6%82%E7%8E%87/" style="font-size:10px">条件概率</a> <a href="/tags/%E6%A2%AF%E5%BA%A6%E4%B8%8B%E9%99%8D/" style="font-size:11.11px">梯度下降</a> <a href="/tags/%E6%A2%AF%E5%BA%A6%E6%96%B9%E5%90%91%E8%BE%B9%E7%BC%98%E6%A3%80%E6%B5%8B/" style="font-size:10px">梯度方向边缘检测</a> <a href="/tags/%E6%A6%82%E5%BF%B5/" style="font-size:10px">概念</a> <a href="/tags/%E6%A6%82%E7%8E%87/" style="font-size:10px">概率</a> <a href="/tags/%E6%B1%82%E5%AF%BC/" style="font-size:10px">求导</a> <a href="/tags/%E6%B5%81%E7%A8%8B/" style="font-size:10px">流程</a> <a href="/tags/%E7%86%B5/" style="font-size:10px">熵</a> <a href="/tags/%E7%94%9F%E5%91%BD%E5%91%A8%E6%9C%9F/" style="font-size:10px">生命周期</a> <a href="/tags/%E7%9F%A9%E9%98%B5/" style="font-size:10px">矩阵</a> <a href="/tags/%E7%A5%9E%E7%BB%8F%E7%BD%91%E7%BB%9C/" style="font-size:10px">神经网络</a> <a href="/tags/%E7%A7%81%E6%9C%89%E5%AF%B9%E8%B1%A1/" style="font-size:10px">私有对象</a> <a href="/tags/%E7%B1%BB/" style="font-size:10px">类</a> <a href="/tags/%E7%BA%BF%E6%80%A7%E5%9B%9E%E5%BD%92/" style="font-size:10px">线性回归</a> <a href="/tags/%E8%81%94%E5%90%88%E6%A6%82%E7%8E%87/" style="font-size:10px">联合概率</a> <a href="/tags/%E8%B4%9D%E5%8F%B6%E6%96%AF%E5%88%A4%E5%AE%9A%E5%87%86%E5%88%99/" style="font-size:10px">贝叶斯判定准则</a> <a href="/tags/%E8%BE%B9%E7%BC%98%E6%A3%80%E6%B5%8B/" style="font-size:10px">边缘检测</a> <a href="/tags/%E8%BE%B9%E9%99%85%E6%A6%82%E7%8E%87/" style="font-size:10px">边际概率</a> <a href="/tags/%E9%97%AD%E5%8C%85/" style="font-size:10px">闭包</a> <a href="/tags/%E9%97%B4%E9%9A%94/" style="font-size:11.11px">间隔</a> <a href="/tags/%E9%AB%98%E6%96%AF%E5%88%86%E5%B8%83/" style="font-size:10px">高斯分布</a> <a href="/tags/%E9%AB%98%E9%80%9A%E6%BB%A4%E6%B3%A2%E5%99%A8/" style="font-size:10px">高通滤波器</a></div></div><div class="column-right-shadow"><div class="card widget"><div class="card-content"><h3 class="menu-label">最新文章</h3><article class="media"><a href="/2019-11-24/4adcf99c.html" class="media-left"><p class="image is-64x64"><img class="thumbnail" src="https://imgs.borgor.cn/imgs/20191124220507.png" alt="JavaScript闭包到底解决了什么问题？"></p></a><div class="media-content"><div class="content"><div><time class="has-text-grey is-size-7 is-uppercase" datetime="2019-11-24T12:42:13.000Z">2019-11-24</time></div><a href="/2019-11-24/4adcf99c.html" class="has-link-black-ter is-size-6">JavaScript闭包到底解决了什么问题？</a><p class="is-size-7 is-uppercase"><a class="has-link-grey -link" href="/categories/Development/">Development</a> / <a class="has-link-grey -link" href="/categories/Development/JavaScript/">JavaScript</a></p></div></div></article><article class="media"><a href="/2019-11-22/f971e187.html" class="media-left"><p class="image is-64x64"><img class="thumbnail" src="https://imgs.borgor.cn/imgs/20191122161153.png" alt="JavaScript中对象的生命周期"></p></a><div class="media-content"><div class="content"><div><time class="has-text-grey is-size-7 is-uppercase" datetime="2019-11-22T06:04:32.000Z">2019-11-22</time></div><a href="/2019-11-22/f971e187.html" class="has-link-black-ter is-size-6">JavaScript中对象的生命周期</a><p class="is-size-7 is-uppercase"><a class="has-link-grey -link" href="/categories/Development/">Development</a> / <a class="has-link-grey -link" href="/categories/Development/JavaScript/">JavaScript</a></p></div></div></article><article class="media"><a href="/2019-11-21/c07cc943.html" class="media-left"><p class="image is-64x64"><img class="thumbnail" src="https://imgs.borgor.cn/imgs/20191121175758.png" alt="React官方示例中的小游戏示例"></p></a><div class="media-content"><div class="content"><div><time class="has-text-grey is-size-7 is-uppercase" datetime="2019-11-21T09:56:03.000Z">2019-11-21</time></div><a href="/2019-11-21/c07cc943.html" class="has-link-black-ter is-size-6">React官方示例中的小游戏示例</a><p class="is-size-7 is-uppercase"><a class="has-link-grey -link" href="/categories/Development/">Development</a> / <a class="has-link-grey -link" href="/categories/Development/React/">React</a></p></div></div></article><article class="media"><a href="/2019-11-21/769edcc6.html" class="media-left"><p class="image is-64x64"><img class="thumbnail" src="https://imgs.borgor.cn/imgs/20191121141128.png" alt="JavaScript引擎的工作原理探析"></p></a><div class="media-content"><div class="content"><div><time class="has-text-grey is-size-7 is-uppercase" datetime="2019-11-21T00:30:12.000Z">2019-11-21</time></div><a href="/2019-11-21/769edcc6.html" class="has-link-black-ter is-size-6">JavaScript引擎的工作原理探析</a><p class="is-size-7 is-uppercase"><a class="has-link-grey -link" href="/categories/Development/">Development</a> / <a class="has-link-grey -link" href="/categories/Development/JavaScript/">JavaScript</a></p></div></div></article><article class="media"><a href="/2019-11-19/290f6390.html" class="media-left"><p class="image is-64x64"><img class="thumbnail" src="https://imgs.borgor.cn/imgs/20191119100237.png" alt="深入了解JavaScript中的基本变量类型"></p></a><div class="media-content"><div class="content"><div><time class="has-text-grey is-size-7 is-uppercase" datetime="2019-11-19T04:22:33.000Z">2019-11-19</time></div><a href="/2019-11-19/290f6390.html" class="has-link-black-ter is-size-6">深入了解JavaScript中的基本变量类型</a><p class="is-size-7 is-uppercase"><a class="has-link-grey -link" href="/categories/Development/">Development</a> / <a class="has-link-grey -link" href="/categories/Development/JavaScript/">JavaScript</a></p></div></div></article></div></div><div class="card widget"><div class="card-content"><div class="menu"><h3 class="menu-label">归档</h3><ul class="menu-list"><li><a class="level is-marginless" href="/archives/2019/11/"><span class="level-start"><span class="level-item">十一月 2019</span> </span><span class="level-end"><span class="level-item tag">7</span></span></a></li><li><a class="level is-marginless" href="/archives/2019/10/"><span class="level-start"><span class="level-item">十月 2019</span> </span><span class="level-end"><span class="level-item tag">8</span></span></a></li><li><a class="level is-marginless" href="/archives/2019/09/"><span class="level-start"><span class="level-item">九月 2019</span> </span><span class="level-end"><span class="level-item tag">5</span></span></a></li><li><a class="level is-marginless" href="/archives/2019/08/"><span class="level-start"><span class="level-item">八月 2019</span> </span><span class="level-end"><span class="level-item tag">13</span></span></a></li><li><a class="level is-marginless" href="/archives/2019/07/"><span class="level-start"><span class="level-item">七月 2019</span> </span><span class="level-end"><span class="level-item tag">15</span></span></a></li><li><a class="level is-marginless" href="/archives/2019/06/"><span class="level-start"><span class="level-item">六月 2019</span> </span><span class="level-end"><span class="level-item tag">11</span></span></a></li><li><a class="level is-marginless" href="/archives/2018/07/"><span class="level-start"><span class="level-item">七月 2018</span> </span><span class="level-end"><span class="level-item tag">4</span></span></a></li><li><a class="level is-marginless" href="/archives/2018/06/"><span class="level-start"><span class="level-item">六月 2018</span> </span><span class="level-end"><span class="level-item tag">3</span></span></a></li><li><a class="level is-marginless" href="/archives/2017/12/"><span class="level-start"><span class="level-item">十二月 2017</span> </span><span class="level-end"><span class="level-item tag">2</span></span></a></li><li><a class="level is-marginless" href="/archives/2017/11/"><span class="level-start"><span class="level-item">十一月 2017</span> </span><span class="level-end"><span class="level-item tag">3</span></span></a></li><li><a class="level is-marginless" href="/archives/2017/10/"><span class="level-start"><span class="level-item">十月 2017</span> </span><span class="level-end"><span class="level-item tag">5</span></span></a></li><li><a class="level is-marginless" href="/archives/2017/09/"><span class="level-start"><span class="level-item">九月 2017</span> </span><span class="level-end"><span class="level-item tag">10</span></span></a></li></ul></div></div></div><div class="card widget"><div class="card-content"><div class="menu"><h3 class="menu-label">标签</h3><div class="field is-grouped is-grouped-multiline"><div class="control"><a class="tags has-addons" href="/tags/Agile/"><span class="tag">Agile</span> <span class="tag is-grey">1</span></a></div><div class="control"><a class="tags has-addons" href="/tags/Angularjs/"><span class="tag">Angularjs</span> <span class="tag is-grey">2</span></a></div><div class="control"><a class="tags has-addons" href="/tags/Animation/"><span class="tag">Animation</span> <span class="tag is-grey">1</span></a></div><div class="control"><a class="tags has-addons" href="/tags/Application/"><span class="tag">Application</span> <span class="tag is-grey">1</span></a></div><div class="control"><a class="tags has-addons" href="/tags/Artificial-Intelligence/"><span class="tag">Artificial Intelligence</span> <span class="tag is-grey">1</span></a></div><div class="control"><a class="tags has-addons" href="/tags/BP/"><span class="tag">BP</span> <span class="tag is-grey">1</span></a></div><div class="control"><a class="tags has-addons" href="/tags/Bokeh/"><span class="tag">Bokeh</span> <span class="tag is-grey">1</span></a></div><div class="control"><a class="tags has-addons" href="/tags/Book/"><span class="tag">Book</span> <span class="tag is-grey">1</span></a></div><div class="control"><a class="tags has-addons" href="/tags/C4-5/"><span class="tag">C4.5</span> <span class="tag is-grey">1</span></a></div><div class="control"><a class="tags has-addons" href="/tags/CART/"><span class="tag">CART</span> <span class="tag is-grey">1</span></a></div><div class="control"><a class="tags has-addons" href="/tags/CD/"><span class="tag">CD</span> <span class="tag is-grey">1</span></a></div><div class="control"><a class="tags has-addons" href="/tags/CLI/"><span class="tag">CLI</span> <span class="tag is-grey">1</span></a></div><div class="control"><a class="tags has-addons" href="/tags/CSS/"><span class="tag">CSS</span> <span class="tag is-grey">1</span></a></div><div class="control"><a class="tags has-addons" href="/tags/CentOS/"><span class="tag">CentOS</span> <span class="tag is-grey">2</span></a></div><div class="control"><a class="tags has-addons" href="/tags/Cinder/"><span class="tag">Cinder</span> <span class="tag is-grey">1</span></a></div><div class="control"><a class="tags has-addons" href="/tags/Clipboardjs/"><span class="tag">Clipboardjs</span> <span class="tag is-grey">1</span></a></div><div class="control"><a class="tags has-addons" href="/tags/Concept/"><span class="tag">Concept</span> <span class="tag is-grey">1</span></a></div><div class="control"><a class="tags has-addons" href="/tags/Continuous-Delivery/"><span class="tag">Continuous Delivery</span> <span class="tag is-grey">1</span></a></div><div class="control"><a class="tags has-addons" href="/tags/DeepLearning/"><span class="tag">DeepLearning</span> <span class="tag is-grey">7</span></a></div><div class="control"><a class="tags has-addons" href="/tags/Department/"><span class="tag">Department</span> <span class="tag is-grey">2</span></a></div><div class="control"><a class="tags has-addons" href="/tags/DevOps/"><span class="tag">DevOps</span> <span class="tag is-grey">8</span></a></div><div class="control"><a class="tags has-addons" href="/tags/Develop/"><span class="tag">Develop</span> <span class="tag is-grey">4</span></a></div><div class="control"><a class="tags has-addons" href="/tags/Development/"><span class="tag">Development</span> <span class="tag is-grey">16</span></a></div><div class="control"><a class="tags has-addons" href="/tags/Directive/"><span class="tag">Directive</span> <span class="tag is-grey">1</span></a></div><div class="control"><a class="tags has-addons" href="/tags/Distribution/"><span class="tag">Distribution</span> <span class="tag is-grey">1</span></a></div><div class="control"><a class="tags has-addons" href="/tags/Django/"><span class="tag">Django</span> <span class="tag is-grey">3</span></a></div><div class="control"><a class="tags has-addons" href="/tags/Document/"><span class="tag">Document</span> <span class="tag is-grey">1</span></a></div><div class="control"><a class="tags has-addons" href="/tags/ES5/"><span class="tag">ES5</span> <span class="tag is-grey">1</span></a></div><div class="control"><a class="tags has-addons" href="/tags/ES6/"><span class="tag">ES6</span> <span class="tag is-grey">1</span></a></div><div class="control"><a class="tags has-addons" href="/tags/Echarts/"><span class="tag">Echarts</span> <span class="tag is-grey">1</span></a></div><div class="control"><a class="tags has-addons" href="/tags/Engine/"><span class="tag">Engine</span> <span class="tag is-grey">1</span></a></div><div class="control"><a class="tags has-addons" href="/tags/Entropy/"><span class="tag">Entropy</span> <span class="tag is-grey">1</span></a></div><div class="control"><a class="tags has-addons" href="/tags/Filter/"><span class="tag">Filter</span> <span class="tag is-grey">1</span></a></div><div class="control"><a class="tags has-addons" href="/tags/Front-End/"><span class="tag">Front End</span> <span class="tag is-grey">1</span></a></div><div class="control"><a class="tags has-addons" href="/tags/Gallery/"><span class="tag">Gallery</span> <span class="tag is-grey">1</span></a></div><div class="control"><a class="tags has-addons" href="/tags/Git/"><span class="tag">Git</span> <span class="tag is-grey">1</span></a></div><div class="control"><a class="tags has-addons" href="/tags/Gradient-descent/"><span class="tag">Gradient descent</span> <span class="tag is-grey">1</span></a></div><div class="control"><a class="tags has-addons" href="/tags/Hexo/"><span class="tag">Hexo</span> <span class="tag is-grey">3</span></a></div><div class="control"><a class="tags has-addons" href="/tags/Horizon/"><span class="tag">Horizon</span> <span class="tag is-grey">1</span></a></div><div class="control"><a class="tags has-addons" href="/tags/ID3-5/"><span class="tag">ID3.5</span> <span class="tag is-grey">1</span></a></div><div class="control"><a class="tags has-addons" href="/tags/Icarus/"><span class="tag">Icarus</span> <span class="tag is-grey">1</span></a></div><div class="control"><a class="tags has-addons" href="/tags/JavaScript/"><span class="tag">JavaScript</span> <span class="tag is-grey">9</span></a></div><div class="control"><a class="tags has-addons" href="/tags/Javascript/"><span class="tag">Javascript</span> <span class="tag is-grey">2</span></a></div><div class="control"><a class="tags has-addons" href="/tags/KVM/"><span class="tag">KVM</span> <span class="tag is-grey">1</span></a></div><div class="control"><a class="tags has-addons" href="/tags/LaTeX/"><span class="tag">LaTeX</span> <span class="tag is-grey">1</span></a></div><div class="control"><a class="tags has-addons" href="/tags/LibreOffice/"><span class="tag">LibreOffice</span> <span class="tag is-grey">1</span></a></div><div class="control"><a class="tags has-addons" href="/tags/Linux/"><span class="tag">Linux</span> <span class="tag is-grey">1</span></a></div><div class="control"><a class="tags has-addons" href="/tags/Machine-Learning/"><span class="tag">Machine Learning</span> <span class="tag is-grey">2</span></a></div><div class="control"><a class="tags has-addons" href="/tags/Matrix/"><span class="tag">Matrix</span> <span class="tag is-grey">1</span></a></div><div class="control"><a class="tags has-addons" href="/tags/MiddleWare/"><span class="tag">MiddleWare</span> <span class="tag is-grey">1</span></a></div><div class="control"><a class="tags has-addons" href="/tags/Module/"><span class="tag">Module</span> <span class="tag is-grey">1</span></a></div><div class="control"><a class="tags has-addons" href="/tags/Network/"><span class="tag">Network</span> <span class="tag is-grey">1</span></a></div><div class="control"><a class="tags has-addons" href="/tags/Nginx/"><span class="tag">Nginx</span> <span class="tag is-grey">1</span></a></div><div class="control"><a class="tags has-addons" href="/tags/NodeJS/"><span class="tag">NodeJS</span> <span class="tag is-grey">2</span></a></div><div class="control"><a class="tags has-addons" href="/tags/OOP/"><span class="tag">OOP</span> <span class="tag is-grey">1</span></a></div><div class="control"><a class="tags has-addons" href="/tags/OpenStack/"><span class="tag">OpenStack</span> <span class="tag is-grey">8</span></a></div><div class="control"><a class="tags has-addons" href="/tags/OpenStackApi/"><span class="tag">OpenStackApi</span> <span class="tag is-grey">5</span></a></div><div class="control"><a class="tags has-addons" href="/tags/Operations/"><span class="tag">Operations</span> <span class="tag is-grey">1</span></a></div><div class="control"><a class="tags has-addons" href="/tags/Oprations/"><span class="tag">Oprations</span> <span class="tag is-grey">2</span></a></div><div class="control"><a class="tags has-addons" href="/tags/PDF/"><span class="tag">PDF</span> <span class="tag is-grey">1</span></a></div><div class="control"><a class="tags has-addons" href="/tags/Pipline/"><span class="tag">Pipline</span> <span class="tag is-grey">1</span></a></div><div class="control"><a class="tags has-addons" href="/tags/Probability/"><span class="tag">Probability</span> <span class="tag is-grey">3</span></a></div><div class="control"><a class="tags has-addons" href="/tags/Python/"><span class="tag">Python</span> <span class="tag is-grey">6</span></a></div><div class="control"><a class="tags has-addons" href="/tags/React/"><span class="tag">React</span> <span class="tag is-grey">2</span></a></div><div class="control"><a class="tags has-addons" href="/tags/Relational-algebra/"><span class="tag">Relational algebra</span> <span class="tag is-grey">1</span></a></div><div class="control"><a class="tags has-addons" href="/tags/Restful/"><span class="tag">Restful</span> <span class="tag is-grey">1</span></a></div><div class="control"><a class="tags has-addons" href="/tags/Route/"><span class="tag">Route</span> <span class="tag is-grey">1</span></a></div><div class="control"><a class="tags has-addons" href="/tags/SVD/"><span class="tag">SVD</span> <span class="tag is-grey">1</span></a></div><div class="control"><a class="tags has-addons" href="/tags/SVM/"><span class="tag">SVM</span> <span class="tag is-grey">2</span></a></div><div class="control"><a class="tags has-addons" href="/tags/Scalar/"><span class="tag">Scalar</span> <span class="tag is-grey">1</span></a></div><div class="control"><a class="tags has-addons" href="/tags/Sigmoid/"><span class="tag">Sigmoid</span> <span class="tag is-grey">1</span></a></div><div class="control"><a class="tags has-addons" href="/tags/Team/"><span class="tag">Team</span> <span class="tag is-grey">1</span></a></div><div class="control"><a class="tags has-addons" href="/tags/Tempest/"><span class="tag">Tempest</span> <span class="tag is-grey">1</span></a></div><div class="control"><a class="tags has-addons" href="/tags/Tensor/"><span class="tag">Tensor</span> <span class="tag is-grey">1</span></a></div><div class="control"><a class="tags has-addons" href="/tags/Testing/"><span class="tag">Testing</span> <span class="tag is-grey">1</span></a></div><div class="control"><a class="tags has-addons" href="/tags/Time/"><span class="tag">Time</span> <span class="tag is-grey">1</span></a></div><div class="control"><a class="tags has-addons" href="/tags/TimeMachine/"><span class="tag">TimeMachine</span> <span class="tag is-grey">1</span></a></div><div class="control"><a class="tags has-addons" href="/tags/Tips/"><span class="tag">Tips</span> <span class="tag is-grey">1</span></a></div><div class="control"><a class="tags has-addons" href="/tags/Vector/"><span class="tag">Vector</span> <span class="tag is-grey">1</span></a></div><div class="control"><a class="tags has-addons" href="/tags/Vmware/"><span class="tag">Vmware</span> <span class="tag is-grey">1</span></a></div><div class="control"><a class="tags has-addons" href="/tags/Vue/"><span class="tag">Vue</span> <span class="tag is-grey">8</span></a></div><div class="control"><a class="tags has-addons" href="/tags/Vuex/"><span class="tag">Vuex</span> <span class="tag is-grey">1</span></a></div><div class="control"><a class="tags has-addons" href="/tags/WSGI/"><span class="tag">WSGI</span> <span class="tag is-grey">1</span></a></div><div class="control"><a class="tags has-addons" href="/tags/Web/"><span class="tag">Web</span> <span class="tag is-grey">1</span></a></div><div class="control"><a class="tags has-addons" href="/tags/Word-Cut/"><span class="tag">Word Cut</span> <span class="tag is-grey">1</span></a></div><div class="control"><a class="tags has-addons" href="/tags/aliyun/"><span class="tag">aliyun</span> <span class="tag is-grey">1</span></a></div><div class="control"><a class="tags has-addons" href="/tags/auth/"><span class="tag">auth</span> <span class="tag is-grey">1</span></a></div><div class="control"><a class="tags has-addons" href="/tags/babel/"><span class="tag">babel</span> <span class="tag is-grey">1</span></a></div><div class="control"><a class="tags has-addons" href="/tags/certbot/"><span class="tag">certbot</span> <span class="tag is-grey">1</span></a></div><div class="control"><a class="tags has-addons" href="/tags/decision-tree/"><span class="tag">decision tree</span> <span class="tag is-grey">1</span></a></div><div class="control"><a class="tags has-addons" href="/tags/homebrew/"><span class="tag">homebrew</span> <span class="tag is-grey">1</span></a></div><div class="control"><a class="tags has-addons" href="/tags/jwt/"><span class="tag">jwt</span> <span class="tag is-grey">1</span></a></div><div class="control"><a class="tags has-addons" href="/tags/keystone/"><span class="tag">keystone</span> <span class="tag is-grey">2</span></a></div><div class="control"><a class="tags has-addons" href="/tags/loader/"><span class="tag">loader</span> <span class="tag is-grey">1</span></a></div><div class="control"><a class="tags has-addons" href="/tags/mathematics/"><span class="tag">mathematics</span> <span class="tag is-grey">2</span></a></div><div class="control"><a class="tags has-addons" href="/tags/migrate/"><span class="tag">migrate</span> <span class="tag is-grey">1</span></a></div><div class="control"><a class="tags has-addons" href="/tags/openstack/"><span class="tag">openstack</span> <span class="tag is-grey">1</span></a></div><div class="control"><a class="tags has-addons" href="/tags/pdf2html/"><span class="tag">pdf2html</span> <span class="tag is-grey">1</span></a></div><div class="control"><a class="tags has-addons" href="/tags/pm2/"><span class="tag">pm2</span> <span class="tag is-grey">1</span></a></div><div class="control"><a class="tags has-addons" href="/tags/singular-value-decomposition/"><span class="tag">singular value decomposition</span> <span class="tag is-grey">1</span></a></div><div class="control"><a class="tags has-addons" href="/tags/vue-router/"><span class="tag">vue-router</span> <span class="tag is-grey">2</span></a></div><div class="control"><a class="tags has-addons" href="/tags/vue-ssr/"><span class="tag">vue-ssr</span> <span class="tag is-grey">1</span></a></div><div class="control"><a class="tags has-addons" href="/tags/webpack/"><span class="tag">webpack</span> <span class="tag is-grey">1</span></a></div><div class="control"><a class="tags has-addons" href="/tags/%E4%BD%8E%E9%80%9A%E6%BB%A4%E6%B3%A2%E5%99%A8/"><span class="tag">低通滤波器</span> <span class="tag is-grey">1</span></a></div><div class="control"><a class="tags has-addons" href="/tags/%E5%85%A5%E9%97%A8/"><span class="tag">入门</span> <span class="tag is-grey">1</span></a></div><div class="control"><a class="tags has-addons" href="/tags/%E5%85%A8%E5%B1%80%E5%8F%98%E9%87%8F/"><span class="tag">全局变量</span> <span class="tag is-grey">1</span></a></div><div class="control"><a class="tags has-addons" href="/tags/%E5%85%A8%E5%B1%80%E5%AF%B9%E8%B1%A1/"><span class="tag">全局对象</span> <span class="tag is-grey">1</span></a></div><div class="control"><a class="tags has-addons" href="/tags/%E5%85%A8%E6%A0%88/"><span class="tag">全栈</span> <span class="tag is-grey">1</span></a></div><div class="control"><a class="tags has-addons" href="/tags/%E5%85%AC%E5%BC%8F/"><span class="tag">公式</span> <span class="tag is-grey">3</span></a></div><div class="control"><a class="tags has-addons" href="/tags/%E5%86%B3%E7%AD%96%E6%A0%91/"><span class="tag">决策树</span> <span class="tag is-grey">1</span></a></div><div class="control"><a class="tags has-addons" href="/tags/%E5%87%BD%E6%95%B0/"><span class="tag">函数</span> <span class="tag is-grey">1</span></a></div><div class="control"><a class="tags has-addons" href="/tags/%E5%88%86%E7%B1%BB%E5%99%A8/"><span class="tag">分类器</span> <span class="tag is-grey">1</span></a></div><div class="control"><a class="tags has-addons" href="/tags/%E5%8A%A0%E9%80%9F/"><span class="tag">加速</span> <span class="tag is-grey">1</span></a></div><div class="control"><a class="tags has-addons" href="/tags/%E5%8C%B9%E9%85%8D%E6%BB%A4%E6%B3%A2%E8%BE%B9%E7%BC%98%E6%A3%80%E6%B5%8B/"><span class="tag">匹配滤波边缘检测</span> <span class="tag is-grey">1</span></a></div><div class="control"><a class="tags has-addons" href="/tags/%E5%8D%B7%E7%A7%AF/"><span class="tag">卷积</span> <span class="tag is-grey">1</span></a></div><div class="control"><a class="tags has-addons" href="/tags/%E5%8D%B7%E7%A7%AF%E6%A0%B8/"><span class="tag">卷积核</span> <span class="tag is-grey">1</span></a></div><div class="control"><a class="tags has-addons" href="/tags/%E5%8E%9F%E5%9E%8B%E9%93%BE/"><span class="tag">原型链</span> <span class="tag is-grey">1</span></a></div><div class="control"><a class="tags has-addons" href="/tags/%E5%8F%8D%E5%90%91%E4%BC%A0%E6%92%AD/"><span class="tag">反向传播</span> <span class="tag is-grey">1</span></a></div><div class="control"><a class="tags has-addons" href="/tags/%E5%8F%98%E9%87%8F%E7%B1%BB%E5%9E%8B/"><span class="tag">变量类型</span> <span class="tag is-grey">1</span></a></div><div class="control"><a class="tags has-addons" href="/tags/%E5%AE%98%E6%96%B9%E7%A4%BA%E4%BE%8B/"><span class="tag">官方示例</span> <span class="tag is-grey">1</span></a></div><div class="control"><a class="tags has-addons" href="/tags/%E5%AF%B9%E5%81%B6%E5%BD%A2%E5%BC%8F/"><span class="tag">对偶形式</span> <span class="tag is-grey">1</span></a></div><div class="control"><a class="tags has-addons" href="/tags/%E5%AF%B9%E8%B1%A1/"><span class="tag">对象</span> <span class="tag is-grey">1</span></a></div><div class="control"><a class="tags has-addons" href="/tags/%E5%B9%B3%E7%A7%BB%E5%92%8C%E6%9F%A5%E5%88%86%E8%BE%B9%E7%BC%98%E6%A3%80%E6%B5%8B/"><span class="tag">平移和查分边缘检测</span> <span class="tag is-grey">1</span></a></div><div class="control"><a class="tags has-addons" href="/tags/%E6%8B%89%E6%A0%BC%E6%9C%97%E6%97%A5%E4%B9%98%E5%AD%90%E6%B3%95/"><span class="tag">拉格朗日乘子法</span> <span class="tag is-grey">1</span></a></div><div class="control"><a class="tags has-addons" href="/tags/%E6%8E%A8%E5%AF%BC/"><span class="tag">推导</span> <span class="tag is-grey">3</span></a></div><div class="control"><a class="tags has-addons" href="/tags/%E6%8F%90%E4%BA%A4%E9%98%B6%E6%AE%B5/"><span class="tag">提交阶段</span> <span class="tag is-grey">1</span></a></div><div class="control"><a class="tags has-addons" href="/tags/%E6%9C%80%E5%A4%A7%E4%BC%BC%E7%84%B6%E4%BC%B0%E8%AE%A1/"><span class="tag">最大似然估计</span> <span class="tag is-grey">1</span></a></div><div class="control"><a class="tags has-addons" href="/tags/%E6%9C%80%E5%B0%8F%E4%BA%8C%E4%B9%98%E4%BC%B0%E8%AE%A1/"><span class="tag">最小二乘估计</span> <span class="tag is-grey">1</span></a></div><div class="control"><a class="tags has-addons" href="/tags/%E6%9C%80%E5%B0%8F%E4%BA%8C%E4%B9%98%E6%B3%95/"><span class="tag">最小二乘法</span> <span class="tag is-grey">1</span></a></div><div class="control"><a class="tags has-addons" href="/tags/%E6%9C%B4%E7%B4%A0%E8%B4%9D%E5%8F%B6%E6%96%AF/"><span class="tag">朴素贝叶斯</span> <span class="tag is-grey">1</span></a></div><div class="control"><a class="tags has-addons" href="/tags/%E6%9C%BA%E5%99%A8%E5%AD%A6%E4%B9%A0/"><span class="tag">机器学习</span> <span class="tag is-grey">1</span></a></div><div class="control"><a class="tags has-addons" href="/tags/%E6%9D%A1%E4%BB%B6%E6%A6%82%E7%8E%87/"><span class="tag">条件概率</span> <span class="tag is-grey">1</span></a></div><div class="control"><a class="tags has-addons" href="/tags/%E6%A2%AF%E5%BA%A6%E4%B8%8B%E9%99%8D/"><span class="tag">梯度下降</span> <span class="tag is-grey">2</span></a></div><div class="control"><a class="tags has-addons" href="/tags/%E6%A2%AF%E5%BA%A6%E6%96%B9%E5%90%91%E8%BE%B9%E7%BC%98%E6%A3%80%E6%B5%8B/"><span class="tag">梯度方向边缘检测</span> <span class="tag is-grey">1</span></a></div><div class="control"><a class="tags has-addons" href="/tags/%E6%A6%82%E5%BF%B5/"><span class="tag">概念</span> <span class="tag is-grey">1</span></a></div><div class="control"><a class="tags has-addons" href="/tags/%E6%A6%82%E7%8E%87/"><span class="tag">概率</span> <span class="tag is-grey">1</span></a></div><div class="control"><a class="tags has-addons" href="/tags/%E6%B1%82%E5%AF%BC/"><span class="tag">求导</span> <span class="tag is-grey">1</span></a></div><div class="control"><a class="tags has-addons" href="/tags/%E6%B5%81%E7%A8%8B/"><span class="tag">流程</span> <span class="tag is-grey">1</span></a></div><div class="control"><a class="tags has-addons" href="/tags/%E7%86%B5/"><span class="tag">熵</span> <span class="tag is-grey">1</span></a></div><div class="control"><a class="tags has-addons" href="/tags/%E7%94%9F%E5%91%BD%E5%91%A8%E6%9C%9F/"><span class="tag">生命周期</span> <span class="tag is-grey">1</span></a></div><div class="control"><a class="tags has-addons" href="/tags/%E7%9F%A9%E9%98%B5/"><span class="tag">矩阵</span> <span class="tag is-grey">1</span></a></div><div class="control"><a class="tags has-addons" href="/tags/%E7%A5%9E%E7%BB%8F%E7%BD%91%E7%BB%9C/"><span class="tag">神经网络</span> <span class="tag is-grey">1</span></a></div><div class="control"><a class="tags has-addons" href="/tags/%E7%A7%81%E6%9C%89%E5%AF%B9%E8%B1%A1/"><span class="tag">私有对象</span> <span class="tag is-grey">1</span></a></div><div class="control"><a class="tags has-addons" href="/tags/%E7%B1%BB/"><span class="tag">类</span> <span class="tag is-grey">1</span></a></div><div class="control"><a class="tags has-addons" href="/tags/%E7%BA%BF%E6%80%A7%E5%9B%9E%E5%BD%92/"><span class="tag">线性回归</span> <span class="tag is-grey">1</span></a></div><div class="control"><a class="tags has-addons" href="/tags/%E8%81%94%E5%90%88%E6%A6%82%E7%8E%87/"><span class="tag">联合概率</span> <span class="tag is-grey">1</span></a></div><div class="control"><a class="tags has-addons" href="/tags/%E8%B4%9D%E5%8F%B6%E6%96%AF%E5%88%A4%E5%AE%9A%E5%87%86%E5%88%99/"><span class="tag">贝叶斯判定准则</span> <span class="tag is-grey">1</span></a></div><div class="control"><a class="tags has-addons" href="/tags/%E8%BE%B9%E7%BC%98%E6%A3%80%E6%B5%8B/"><span class="tag">边缘检测</span> <span class="tag is-grey">1</span></a></div><div class="control"><a class="tags has-addons" href="/tags/%E8%BE%B9%E9%99%85%E6%A6%82%E7%8E%87/"><span class="tag">边际概率</span> <span class="tag is-grey">1</span></a></div><div class="control"><a class="tags has-addons" href="/tags/%E9%97%AD%E5%8C%85/"><span class="tag">闭包</span> <span class="tag is-grey">1</span></a></div><div class="control"><a class="tags has-addons" href="/tags/%E9%97%B4%E9%9A%94/"><span class="tag">间隔</span> <span class="tag is-grey">2</span></a></div><div class="control"><a class="tags has-addons" href="/tags/%E9%AB%98%E6%96%AF%E5%88%86%E5%B8%83/"><span class="tag">高斯分布</span> <span class="tag is-grey">1</span></a></div><div class="control"><a class="tags has-addons" href="/tags/%E9%AB%98%E9%80%9A%E6%BB%A4%E6%B3%A2%E5%99%A8/"><span class="tag">高通滤波器</span> <span class="tag is-grey">1</span></a></div></div></div></div></div></div></div></div></div></section><footer class="footer"><div class="container"><div class="level"><div class="level-start has-text-centered-mobile"><a class="footer-logo is-block has-mb-6" href="/"><img src="https://imgs.borgor.cn/imgs20190625111723.jpg" alt="几种使用Python绘制的HTML动态图表" height="28"></a><p class="is-size-7">&copy; 2017-2019 Cyrusky&nbsp; Powered by <a href="https://hexo.io/" target="_blank">Hexo</a> & <a href="https://github.com/ppoffice/hexo-theme-icarus" target="_blank">Icarus</a><br><span id="busuanzi_container_site_uv">共<span id="busuanzi_value_site_uv">0</span>个访客</span><br><a target="_blank" href="https://icp.chinaz.com/info?q=borgor.cn">陇ICP备19002255号</a></p></div><div class="level-end"><div class="field has-addons is-flex-center-mobile has-mt-5-mobile is-flex-wrap is-flex-middle"><p class="control"><a class="button is-white is-large" target="_blank" title="Creative Commons" href="https://creativecommons.org/"><i class="fab fa-creative-commons"></i></a></p><p class="control"><a class="button is-white is-large" target="_blank" title="Attribution 4.0 International" href="https://creativecommons.org/licenses/by/4.0/"><i class="fab fa-creative-commons-by"></i></a></p><p class="control"><a class="button is-white is-large" target="_blank" title="Download on GitHub" href="https://github.com/ppoffice/hexo-theme-icarus"><i class="fab fa-github"></i></a></p></div></div></div></div></footer><script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.22.2/moment-with-locales.min.js"></script><script>moment.locale("zh-CN")</script><script src="/js/animation.js"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/lightgallery/1.6.8/js/lightgallery.min.js" defer></script><script src="https://cdnjs.cloudflare.com/ajax/libs/justifiedGallery/3.7.0/js/jquery.justifiedGallery.min.js" defer></script><script src="/js/gallery.js" defer></script><div id="outdated"><h6>Your browser is out-of-date!</h6><p>Update your browser to view this website correctly. <a id="btnUpdateBrowser" href="http://outdatedbrowser.com/" target="_blank" rel="noopener">Update my browser now</a></p><p class="last"><a href="#" id="btnCloseUpdateBrowser" title="Close">&times;</a></p></div><script src="https://cdnjs.cloudflare.com/ajax/libs/outdated-browser/1.1.5/outdatedbrowser.min.js" defer></script><script>document.addEventListener("DOMContentLoaded",function(){outdatedBrowser({bgColor:"#f25648",color:"#ffffff",lowerThan:"flex"})})</script><script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js?config=TeX-MML-AM_CHTML" defer></script><script>document.addEventListener("DOMContentLoaded",function(){MathJax.Hub.Config({"HTML-CSS":{matchFontHeight:!1},SVG:{matchFontHeight:!1},CommonHTML:{matchFontHeight:!1},tex2jax:{inlineMath:[["$","$"],["\\(","\\)"]]}})})</script><a id="back-to-top" title="回到顶端" href="javascript:;" target="_blank" rel="noopener"><i class="fas fa-chevron-up"></i></a><script src="/js/back-to-top.js" defer></script><script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.4/clipboard.min.js" defer></script><script src="/js/clipboard.js" defer></script><script src="/js/main.js" defer></script><div class="searchbox ins-search"><div class="searchbox-container ins-search-container"><div class="searchbox-input-wrapper"><input type="text" class="searchbox-input ins-search-input" placeholder="想要查找什么..."> <span class="searchbox-close ins-close ins-selectable"><i class="fa fa-times-circle"></i></span></div><div class="searchbox-result-wrapper ins-section-wrapper"><div class="ins-section-container"></div></div></div></div><script>!function(T){var N={TRANSLATION:{POSTS:"文章",PAGES:"页面",CATEGORIES:"分类",TAGS:"标签",UNTITLED:"(无标题)"},CONTENT_URL:"/content.json"};T.INSIGHT_CONFIG=N}(window)</script><script src="/js/insight.js" defer></script><link rel="stylesheet" href="/css/search.css"><link rel="stylesheet" href="/css/insight.css"></body></html><!-- rebuild by neat -->